JavaScript HTML5 <audio> wiele źródeł

Question

Próbuję wstawić tę samą piosenkę do 2 różnych źródeł w moim odtwarzaczu audio za pomocą funkcji getElementByID javascripts.

HTML:

<audio id="audio"> 
    <source id="ogg" src="song1.ogg" type="audio/ogg"> 
    <source id="mp3" src="song2.mp3" type="audio/mp3"> 
    Your browser does not support the audio tag. 
</audio> 

JavaScript:

function songOne(){ 
    document.getElementById('ogg').src="../audio/pt/lllg/Panda's Thumb.ogg"; 
    document.getElementById('mp3').src="../audio/pt/lllg/Panda's Thumb.mp3"; 
    document.getElementById('songName').innerHTML="Panda's Thumb"; 
    audio.play(); 
} 

Jak widać, gdy funkcja działa, umieszcza plik .ogg do id = "ogg" i do .mp3 id = ". mp3". Chociaż, gdy sprawdzam element, źródło się zmieniło, ale utwór nie będzie odtwarzany.

mogę zmusić go do pracy tylko z jednego źródła:

<audio id="audio" src=""></audio> 

Ale wtedy będzie grać tylko w przeglądarkach obsługujących MP3 lub Ogg i inni przegapić. Co robię źle?

Answer 1

nie wiem zbyt wiele o HTML5 audio, ale spróbuj tego:

Po zmianie src attr, wydać komendę audio.load();

sprawdzić ten artykuł: http://html5doctor.com/native-audio-in-the-browser/