HTML Müzik Ekleme

HTML Müzik Ekleme : Web sitesi içinde tanıtımını yapmak istediğiniz veya hoşunuza giden bir müzik eklemek istediniz. Kullanıcılar için müziği başlatma durdurma ve diğer ses özelliklerinin bulunduğu bir küçük ön yüz müzik kontrolü yapabileceği bir yazılım yapmak istiyorsunuz ancak tam olarak nasıl yapılacağını bilmiyorsunuz. Bu yazımızda sizlere 2 farklı şekilde Web sitenize nasıl müzik ekleneceğini aşağıda örnekli bir şekilde gösteriyor olacağım.

Site açılır açılmaz kendi kendine başlayan müzikler genel olarak kullanıcıyı rahatsız etmektedir. Onun yerine Web sitesinin her hangi bir yerine dilediğiniz müziği koymak daha iyi olacaktır.

HTML Siteye Nasıl Müzik Eklenir?
HTML Siteye Nasıl Müzik Eklenir?

Müzik Neden Eklenir?

Web Sitesi içine müzik eklemenin bir çok sebebi olabilir. Bununla alakalı bir takım araştırmalar yapıp diğer kullanıcıların hangi amaçla Web sitelerine müzik koyduklarını sizlere aşağıda listeler halinde açıklıyorum.

  • Tanıtımlarını yapacakları albüm müzikleri veya diğer müzikler
  • Beğendikleri müziği Web sitesi içine yerleştirme
  • Hedef kitleye uygun müzikleri tespit edip site içindeki yazıları okurken kullanıcıların daha çok site içinde vakit geçirmelerini sağlama amacı

Bunun gibi bir çok örnek verilebilir. Amacına uygun bir şekilde sizde kendi projenizde müzik ekleyebilirsiniz.

HTML Müzik Nasıl Eklenir?

Html müzik ekleme işlemini gerçekleştirmenin genel geçer 2 farklı yöntemi vardır. Bunlar,

  • HTML kodlarıyla ekleme
  • Diğer 3. parti jQuery yazılımları ile ekleme

Bizim üzerinde duracağımız ve gerçek anlamda kolay olan ekleme çeşidi HTML kodlarıyla Web sitesine müzik ekleme olacaktır. Aşağıda sizlere kodlarını ve bu kodların parametrelerinin ne işe yaradığını açıklayacağım.

Örnek Kod:

<audio controls>
  <source src="ses_dosyasi/muzik.ogg" type="audio/ogg">
  <source src="ses_dosyasi/muzik.mp3" type="audio/mpeg">
Bu tarayıcı müzik eklentisini desteklememektedir.
</audio>

Açıklama:

src: Müziğin hangi dizinde olduğunu belirtmek için yazılır.

type: Hangi tipte müziği Web sitesi içine yerleştireceğinizi belirlemek için kullanılır. 3 adet müzik ekleme tipi vardır.

MP3 için audio/mpeg
Ogg  için audio/ogg
Wav için audio/wav

HTML Müzik Ekleme 2. Yolu

Örnek Kod:

<embed src="ses_dosyasi/muzik.mp3" hidden="true" autostart="true" loop="true" width="100" height="50">

Açıklama: Web sitesinin içine müzik eklemenin eski yolu da yukarı gibidir. Embed etiketi içindeki parametreleri sizinle paylaşıyorum.

src: Ses dosyasının bulunduğu dizin.

hidden: Web sitesinde gizli olup olmadığını belirtme. true veya false

autostart: Otomatik olarak ses dosyasının başlatılması için kullanılır. true veya false

loop: Belirlenen müziğin tekrar etmesi için kullanılır. 1, 2, 3 veya true veya false

width: Müzik eklentisinin genişliğini belirler.

height: Müzik eklentisinin uzunluğunu belirler.

HTML Müzik Ekleme
Etiketlendi: