带时间标签的音频播放器

时间:2013-11-15 15:21:33

标签: html html5-audio

我正在为我的学校开一个小播客。到目前为止,我已经使用过一个简单的flash播放器,但根据访问者的说法,如果每个主题都有可分辨的时间标记,那就太棒了。

所以,例如,如果有人对某个主题感兴趣,但是在播客的最后并且他不想因为变量原因而听完整个内容,他只需点击该主题的时间标签即可玩家会跳到某一点。

有没有人有想法做到这一点?

(如果有可能的话,请不要使用PHP。)

1 个答案:

答案 0 :(得分:0)

<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/