새 노래를 클릭하면 오디오 플레이어가 재생되지 않습니다.

Question

jquery, handlebars, html5를 사용하여 간단한 웹 오디오 플레이어를 만들고 있습니다. 내 플레이어는 첫 번째 링크를 클릭 할 때 작동하지만 다른 노래 링크를 클릭하면 원본이 계속 재생되고 다른 노래를 재생할 수있는 유일한 방법은 페이지를 새로 고치는 것입니다. 나는 초기 노래를 멈추고 클릭 한 새로운 노래를 연주하기를 원합니다. 나는 그래서 내가 지금 끔찍한 보이는 알고

Here

온라인을 넣어 jsfiddle에 그걸 얻기 위해 시도했지만 모두가 동작하지 않습니다 수, 난 그냥 전에 일을 얻기 위해 노력하고 있어요 디자인과 함께 나아가십시오. 어떤 도움을 주셔서 감사합니다. 감사!

Answer 1

새 노래를 클릭 할 때 src를 변경해야합니다.
소스 태그에 id를 지정하십시오. 그

Answer 2

같은
<source src="media/1.mp3" type="audio/wav" id="audioSource">

function change(songURL) { //called when a song link is clicked. 
    var player = document.getElementById("audioPlayer"); 
    var source = document.getElementById("audioSource"); 

    if(source.src != songURL) { 
    //set the players src to the new song 
    source.src = songURL; 
    player.load(); 
    player.play(); 
    } 
} 

뭔가 마지막으로 내 자신의 질문에 대한 답을 발견했다. 두 개의 멍청한 코드 줄. 내 몰락은 그것을 몰라서 말하지 않았다.

audioPlayerDiv.src=songInfo.source; 
audioPlayerDiv.load();