Site içine mp3 çalar ekle

Sitemizde yazının içine mp3 eklemenin bir çok yolu var. Çeşitli web siteleri üzerinden çeşitli playerlar edinebiliyoruz. Fakat daha sade, şık, hızlı ve işlevsel bir mp3 player isterseniz paylaşacağım kodları kullanabilirsiniz.

HTML5 teknelojisi ile hazırlanan player’in önizlemesi aşağıdadır.

Buradaki player’da Ludwig Van Beethoven’ın  Melody Of Love Beautiful adlı müziği yer alıyor. Şimdi ise bu sade player’in kodlarına bakalım.

<audio id="muzik" class="rootmuzik" controls >
</audio>
Kod gelen olarak bu şekildedir.  Kod içerisinde mavi ile gösterilen yeri değiştirerek farklı bir mp3’ün çalmasını sağlayabilirsiniz. Eğer şarkının sayfa açıldığında otomatik olarak çalmasını isterseniz kod içerisine autoplay=”autoplay” kodunu ekleyebilirsiniz. Onunda kullanımı aşağıdaki gibidir.
<audio id="muzik"class="rootmuzik"controls  autoplay="autoplay" >
</audio>
bu şekilde kullanırsanız sayfa açılır açılmaz mp3 otomatik olarak çalmaya başlayacaktır. Şarkının bitince sürekli olarak tekrar etmesini isterseniz loop özelliğini ekleyebilirsiniz. Loop özelliğinin kullanımı ise aşağıdaki gibidir.
<audio id="muzik"class="rootmuzik"controls  autoplay="autoplay" loop>
</audio>
bu şekilde kullanırsanız autoplay özelliği ile sayfa açılışında otomatik olarak çalmaya başladığı gibi, aynı zamanda şarkı bitince bile otomatik olarak tekrar çalacaktır.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir