HTML5 ile Siteye Mp3 Ekleme

1

Sitemize mp3 eklemek artık eskisinden daha kolay. HTML5 kodları ile sitemize mp3 koyabiliyor, otomatik başlatabiliyor ve hatta tekrar tekrar çaldırabiliyoruz müziği 🙂

Geçen bir müşterim bunu istedi mp3 çalsın sonra başa alıp tekrar tekrar çalsın dedi bende html5 kullanarak bunu yaptım.

<audio id="muzik" class="rootmuzik" controls autoplay="autoplay" loop>
<source src="http://www.siteadi.com/muzik/caz.ogg" type="audio/ogg">
<source src="http://www.siteadi.com/muzik/caz.mp3" type="audio/mpeg">
</audio> 

Yukarıdaki kodlarda müziğe eklediğim ek 2 özelliği anlatıcam;

  • autoplay=”autoplay” – Bu kod ile müziğimizi otomatik başlatıyoruz.
  • loop – Loop ile tekrar tekrar çaldırabiliyoruz.

Kaynaklarım;