+- Yodofoo | Kusurlu Site (https://yodofoo.com.tr)
+-- Forum: Yodofoo Eğitim (https://yodofoo.com.tr/forumdisplay.php?fid=5)
+--- Forum: Bilgisayar Programlama (https://yodofoo.com.tr/forumdisplay.php?fid=8)
+--- Konu Başlığı: HTML Müzik Ekleme (/showthread.php?tid=325)
HTML Müzik Ekleme - Hasan - 07-21-2024
Web sitemizi veya HTMLdökümanımızı zenginleştirirken, html ile çeşitli eklemeler yapabilmekteyiz. Önceki yazımızda siteye nasıl video eklenir onu göstermiştik, bu sefer de aynı mantığa yakın bir şekilde müzik ekleme konusuna değineceğiz.
Müzik eklerken audio tagı ile eklemekteyiz. Ardından src ile müziğin dosya konumu veya .mp3 uzantılı adresini yazıyoruz.
HTML Müzik ekleme kodu
Kod:
<audio controls>
<source src="müzik adresi">
</audio>Müzik eklerken bilmeniz gerekenler
Müzik oynatıcısının; oynatma durdurma gibi düğmelerin bulunması için “controls” etiketini eklememiz gerekmektedir. Müzik eklerken, audio ve controls etiketleri birlikte kullanılmaktadır.
Kod:
<audio controls>Müziği eklediğimiz sayfada, sayfaya girer girmez otomatik olarak başlaması için “autoplay” etiketini eklememiz gerekmektedir. Bunu otomatik oynatma şeklinde ifade edebiliriz.
Kod:
<audio controls autoplay>
<source src="müzik adresi">
</audio>Müziğin bittikten sonra sonsuz bir döngü içerisinde tekrar etmesini sağlayabiliriz. Bunun için “loop” etiketini kullanmalıyız.
Kod:
<audio controls loop>
<source src="müzik adresi">
</audio>