HTML ARKAPLANA MÜZİK EKLEME
Web Sayfalarımızda, Sitemize Gelen ziyaretçilere Müzik Dinletmek İsteyebiliriz. Müzik, web sitesine uygun olmalıdır . Müzisyenlere ve müzik severlere müzik keyfini verecekseniz hedef kitlenin müzik türü olduğunu emin olacaksınız. yoksa hedef kitlenin müziğini tespit edemez iseniz çoğu ziyaretçiden takdir göremezsiniz.

Vereceğim kodlar aslında HTML kodları değildir; Nedeni ise html kodları tüm tarayıcıları kapsamamaktadır; Bazı tarayıcılar eklenti ister yada sadece bir-iki tarayıcıyı destekler.

Vereceğim javascript kodları İE8 ve alt sürümler hariç, Tüm modern browserlarda çalışır.

<script type="text/javascript">
    audio = new Audio();
    audio.src = "müzik.mp3";
    audio.loop = true;
    audio.play();

</script>

Sitenizde dinletmek istediğiniz mp3 formatlı müziğinizin adını audio.src = “müzik.mp3”; bölmünde “müzik.mp3” kısmına yazın. Müziğiniz mp3 klasörün altında veya başka bir klasördeyse önce klasör adını belirtin daha sonra mp3 müzik ismini yazın audio.src = “mp3/müzik.mp3”;
Bu verdiğim kodları HTML sayfasında html ve body etiketleri arasında bir yere yerleştiriniz.

Html

<html>
<script type="text/javascript">

    audio = new Audio();
    audio.src = "müzik.mp3";
    audio.loop = true;
    audio.play();
</script>
<body>
<! Buraya sizin websitenizin etiketlerin yazıldığı yer>
</body>
</html>

audio.loop = true Özelliği Websitenizin arkaplanında çalan müziğin bittiğinde tekrar çalmasını sağlar. loop özelliğini false yaparsanız audio.loop = false müzik tekrar etmez.
MÜZİK PLAYER’E PLAY VE PAUSE BUTON EKLEME
Müzik player’e gerektiğinde kullanıcıların durdurması için bir play ve pause düğmesi ekleyelim.

HTML:

<html>
<script type="text/javascript">
    audio = new Audio();
    audio.src = "a.mp3";

    audio.loop = true;

    audio.play();

    function play() {
      audio.play();
    }
 
    function pause() {
      audio.pause();
    } 
</script>
<body>
<button onclick="play()">Play Müzik</button>
<button onclick="pause()">Pause Müzik</button> 
</body>
</html>