jquery로 새로운 오디오 소스를 재생하는 경우

Question

모두

간단한 뮤직 플레이어를 썼지 만 한 가지 문제가 있습니다. 내가 파일을 PHP에서 새로운 소스를 얻으려면 아약스를 사용하고 괜찮 작동하지만, 어떻게 새로운 노래를 재생할 수 있는지 모르겠다. 간단한 audio.play()가 작동하지 않습니다. 나는 복구를 시도 할이 내 코드입니다 :

function timer(){ 
    timeleft = $("span#timeleft"); 
    slider = $("div#slider"); 
    $(audio).bind('timeupdate', function(){ 
     var rem = parseInt(audio.duration - audio.currentTime, 10), 
     pos = (audio.currentTime/audio.duration) * 315, 
     mins = Math.floor(rem/60, 10), 
     secs = rem - mins*60; 

     timeleft.text('- ' + mins + ':' + (secs > 9 ? secs : '0' + secs)); 
     slider.css({width: pos + 'px'}); 
    }); 
} 

$(document).ready(function(){ 
    audio = $("audio#audio-player-header").get(0); 

    $("div#controls").click(function(){ 
     $(this).toggleClass("pause"); 
     if(audio.paused){ 
      audio.play(); 
      timer(); 
     }else{ 
      audio.pause(); 
     } 
    }); 

    audio.addEventListener("ended", function(){ 
      $.post("php/player.php", function(result){ 
       audio.src = result; 
      }); 
      audio.play(); // here is the problem 
      timer(); 
    }); 
}); 

그리고 HTML :

<div id="player"> 
        <div id="controls" class="play"></div> 
        <div id="music-title"> 
         <div id="slider"> 
          <div id="wrap-music-title"> 
           <p id="music-title">Jamie T - Chaka Demus</p> 
          </div> 
         </div> 
        </div> 
        <span id="timeleft"></span> 
        <div id="player-header"> 
        <audio id="audio-player-header" src="music/rock/Jamie T - Chaka Demus.mp3"> 
        </audio> 
        </div> 
       </div> 

내가 유래 및 웹 몇 가지 솔루션을 찾았지만 아무것도 여기에 작동하지 않습니다. 모든 도움을 미리 감사드립니다.

Answer 1

ajax 호출이 반환되기 전에 audio.play()을 호출하는 경쟁 조건을 만들었습니다. (A) 오디오 canplay 이벤트를 듣고 재생을 시작하거나 (B) 오디오 태그의 autoplay 속성을 설정할 수 있습니다.

옵션 A :

audio.addEventListener("ended", function(){ 
    $.post("php/player.php", function(result){ 
     audio.src = result; 
    }); 
}); 

audio.addEventListener("canplay", function(){ 
    audio.play(); 
}); 

옵션 B :

<audio autoplay id="audio-player-header" src="music/rock/Jamie T - Chaka Demus.mp3">