HTML5 Arkaplanda Ses Dosyası Oynatma Kodu

[root]

Merhaba Arkadaşlar;

Bu konuda sizlerle sitenizin arkaplanında otomatik ses dosyası (mp3 vs.) çaldırma kodunu paylaşacağım. Öncelikle belirtmeliyimki html5 desteklemeyen tarayıcılarda bu kod çalışmaz.

Kod:

<audio src="http://www.ahmetturan.kim/YediKaranfil_3_Gozlerin.mp3" loop="true" autoplay="true"></audio>

src="medyaLinki" kodundaki medyalinki kısmını kendi medya dosyanızın direk linkini alarak değiştiriyorsunuz ve kodu index şablonunda herhangi bir yere ekliyorsunuz.

Gelen ziyaretçiler sitenize girdiği anda sizin belirlediğiniz muzik arkaplanda çalmaya başlayacaktır.


loop: Medyanın tekrarlanıp tekrarlanmayacağını belirtir. True tekrarlanır, False tekrarlanmaz.
autoplay: Medyanın otomatik oynatılıp onatılmayacağını belirtir.True otomatik oynatır, False Otomatik oynatmaz.
src: Medya konumunu belirtir.
controls: Kontrol butonlarını yani html5 playeri görünmesini sağlar.

Eğer Ses seviyesinide belirlemek istiyorsanız aşağıdaki kodu kendinize göre düzenleyip volume değerini 0.1 den 1.0 arasında bir değer belirterek seside ayalarabilirsiniz.

Kod:

<audio id="akabin" src="http://www.ahmetturan.kim/YediKaranfil_3_Gozlerin.mp3" loop="true" autoplay="true"></audio>
<script type="text/javascript">
    var akabinses = document.getElementById("akabin");
    akabinses.volume = 0.1;
</script>