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.
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.