자바 스크립트 HTML5 <audio> 다중 소스

javascript 'getElementByID'를 사용하여 동일한 오디오 파일을 내 오디오 플레이어의 두 가지 소스에 삽입하려고합니다.자바 스크립트 HTML5 <audio> 다중 소스

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>

자바 스크립트 :

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

당신이 볼 수 있듯이, 함수가 실행될 때, 그것은 ID = "OGG"로에는 OGG 파일을 배치하고 .MP3로 id = ".mp3". 하지만 요소를 검사 할 때 소스가 변경되었지만 노래가 재생되지 않습니다.

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

을하지만 그것은 단지 MP3 또는 OGG를 지원하고 다른 사람들이 놓치지 브라우저에서 재생됩니다 :

나는 그것이 하나의 소스와 작업 할 수 있습니다. 무엇이 잘못 되었나요?

출처

2012-10-07 user1719526

http://www.w3schools.com/html/html5_audio.asp에 따라 mp3에 'type = "audio/mpeg"가 있어야합니다. – xception

수정 해 주셔서 감사합니다. b 유엔은 그것을 고치지 않았다. – user1719526

내가 HTML5 오디오에 대해 많이 알고 있지만,이 시도하지 말라 : 당신이 audio.load(); 명령에게 SRC ATTR, 문제를

확인을 변경 한 후이 문서를

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

출처

2012-10-07 12:11:11 chanjarster

만약 내가 그 담당자를 선임한다면 선생님 께 투표 할 것입니다. 도움에 감사드립니다! 나는 그 사람이 나를 어떻게 지나게했는지 모른다. – user1719526

@ user1719526 괜찮습니다. – chanjarster

자바 스크립트 HTML5 <audio> 다중 소스

답변

관련 문제