시간 태그가있는 오디오 플레이어

Question

저는 학교에서 사용할 작은 팟 캐스트를 사용하고 있습니다. 지금까지 간단한 플래시 플레이어를 사용했지만 방문객에 따르면 각 주제에 대해 clackable time 태그가 있으면 좋을 것입니다.

예를 들어 누군가 주제에 관심이 있지만 그것이 팟 캐스트의 끝 부분에 있고 가변적 인 이유로 전체 내용을 듣고 싶지 않은 경우 해당 주제의 시간 태그를 클릭하기 만하면됩니다. 플레이어는 특정 지점으로 점프합니다.

누구나 만들 수있는 아이디어가 있습니까?

은 (어떤 PHP는, 그것은 가능하지하시기 바랍니다.)

Answer 1

<audio id="player" src="http://s3.amazonaws.com/hanselminutes/hanselminutes_0363.mp3" type="audio/mp3"></audio> 
<div> 
    <button onclick="document.getElementById('player').play()">Play</button> 
    <button onclick="document.getElementById('player').pause()">Pause</button> 
    <button onclick="document.getElementById('player').volume+=0.1">Volume Up</button> 
    <button onclick="var mediaElement = document.getElementById('player'); 
mediaElement.currentTime = 122; 
"> 
     Next Time</button> 
</div> 

다음 시간에 첫 번째 클릭 플레이와 다음 클릭, 나는이 링크 내 code.it의이 http://jsfiddle.net/ashi2009/Xtf4N/

작업 참조 작업 의 확인