Javascript HTML5 <audio> Çoklu Kaynak

Question

Aynı şarkıyı ses çalarımda javascripts 'getElementByID' kullanarak 2 farklı kaynağa yerleştirmeye çalışıyorum.

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(); 
} 

Gördüğünüz gibi, işlev çalıştırıldığında, bu id = "OGG" içine .ogg dosyasını yerleştirir ve .mp3 içine id = ". mp3". Yine de, elemanı incelediğimde, kaynak değişti ama şarkı çalınmayacak.

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

Ama sonra sadece mp3 veya ogg destekleyen ve diğerleri kaçırmayın tarayıcılarda oynayacak:

Ben sadece bir kaynağı ile çalışmak için alabilirsiniz. Neyi yanlış yapıyorum?

Answer 1

Ben HTML5 Ses hakkında çok biliyorum, ancak bu denemiyoruz: Bir audio.load(); komutunu src attr, konuyu

kontrol değiştirdikten sonra bu yazıyı

: http://html5doctor.com/native-audio-in-the-browser/