Html 带时间标签的音频播放器

我正在为我的学校做一个小播客。到目前为止，我使用了一个简单的flash播放器，但据访问者说，如果每个主题都有可点击的时间标签，那就太好了

例如，如果有人对某个主题感兴趣，但那是在播客的结尾，并且出于各种原因，他不想听全部内容，他可以点击该主题的时间标签，玩家会跳到某个点

有人有什么想法吗

如果可能的话，请不要用PHP

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

首先单击播放，然后单击下一次，我检查它的工作 查看此链接和我的代码。它正在工作

---

太棒了谢谢有没有可能把我不知道的时间线放在这里，那是什么名字？用css是的，你可以，但我不知道具体怎么做