HTML 5 - Küçük mp3 oynayın "inline"

Question

HTML 5 ses desteğini kullanarak bir mp3 çalmak istiyorum. Bir ses etiketi kullanmaya çalışıyordum ama şimdi javascript kullanarak yapıyorum.

"Oynatıcı" nım, basıldığında ses çaldığında (ilerlemeyle tüm ses denetiminin değil) yalnızca küçük bir Oynatma resmi olacaktır.

javascript kullanarak oynatmaya çalışıyorum.

function playmp3(url){ 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', url); 
    audioElement.load(); 
    audioElement.play(); 
} 

Bu benim kodum ve çalışmıyor. Oynat düğmem olan bir resmi tıklattığımda tamam çalışıyor.

URL, bir dosyanın URL'sini içeren bir dizedir.

Chrome ve FF'nin en yeni sürümlerinde test ediyorum.

Answer 1

Oynamayı denemeden önce canplay olayını dinlemeye çalışın. tarayıcı mp3 oynamaya başlayabilirsiniz zaman

function playmp3(url){ 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', url); 
    audioElement.load(); 
    audioElement.addEventListener("canplay", function() { 
     audioElement.play(); 
    }); 
} 

canplay olay tetiklenir, ama buna tamamlanma mp3 oynayabilir garanti etmez: İşte bunun nasıl bir örnek. Bu, amacınızı kullanmazsa, loadeddata ve canplaythrough gibi dinleyebileceğiniz birbiriyle ilgili birkaç etkinlik vardır.