Html 5 ve jquery ile arka planda ses oynatma , müzik çalma

Html ile arka planda ses oynatmak için Aşağıdaki kodları kullabilirsiniz

İlk olarak bir ses dosyasını  etiketi ile kullanıyoruz.

Tarayıcınız bu özelliği desteklemiyor.

etiketi Sadece Mp3, Wav ve Ogg formatlarını oynatabiliyoruz. Bunların her birinin tipi birbirinden farklıdır.

 

Audio etiketi görünmemesi ve arka planda oynaması için gizleyebilirsiniz audio etiketine “style="display: none" Eklemeniz yeterli olacaktır.

 

Tarayıcınız bu özelliği desteklemiyor.

 

Sesi Otomatik Başlatma (Autoplay)

 

Sesin otomatik başlaması için audio etiketine autoplay niteliğini eklememiz gerekiyor.

 

 

Sessizde çalma (muted)

 

Sesin sessizde çalması için audio etiketine muted niteliği eklenmelidir.

 

 

Oynatma (play) ve Durdurma (pause)

 

Ses dosyasını oynatmak ve durdurmak için buton eklemeniz gerekirse jquery ile bu işi kolaylıkla çözebiliriz bunun için html kodları;

 

Tarayıcınız bu özelliği desteklemiyor.

OynatDurdur

 

Şimdide sesi başlatmak ve durdurmak için js kodlarımızı ekliyoruz

 

var audio = $('audio'); // html audio elementi tanımlıyoruz

// oynatma işlevi
$('#play').on('click', function(e){
    audio[0].play();
});
// durdurma işlevi
$('#pause').on('click', function(e){
    audio[0].stop();
});

 

Herhangi bir yere tıklandığında ses oynatma

 

var audio = $('audio');
$('body').on('click', function(e){
    audio[0].play();
});

 

Bu kod  sayesinde site içerisinde tıklanan herhangi bir yerde ses dosyası oyanamaya başlayacaktır.