Próbuję wstawić tę samą piosenkę do 2 różnych źródeł w moim odtwarzaczu audio za pomocą funkcji getElementByID javascripts.JavaScript HTML5 <audio> wiele źródeł
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?
zgodnie z http://www.w3schools.com/html/html5_audio.asp Twój plik MP3 powinien mieć format 'type =" audio/mpeg "' – xception
Dzięki za poprawkę, zmieniłem to b ut to nie naprawiło. – user1719526