MENU

HTML5 ile Siteye Mp3 Ekleme

Anasayfa » HTML5 » HTML5 ile Siteye Mp3 Ekleme
HTML5 ile Siteye Mp3 Ekleme

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;

Rooteto Teknoloji Blogu

Rooteto WordPress, Sosyal Medya, Teknoloji, HD Resimler ve Video paylaşımında bulunan bağımsız olarak çalışan online haber teknoloji sitesidir.

Yaklaşık 1 Milyondan fazla tekil aylık ziyaretci ile Rooteto'yu büyük yapan teknoloji topluluklarıdır. 2009 yılında kurulan Rooteto'nun genel merkez ofisi İzmir / Bornova'dadır.