关于 HTML5 音频的问题

Question

<audio src="http://upload.wikimedia.org/wikipedia/commons/8/82/Riddle_song.ogg"></audio>

<ul id="lyrics">
    <li>line 1</li>
    <li>line 2</li>
    <li>line 3</li>
    <li>and so on...</li>
</ul><!-- end #lyrics -->

所以我想：

1. 突出显示（更改颜色或背景）正在播放的行。
2. 将当前时间保存到 cookie 并在下次访问时继续。

我不确定这些在 HTML5 中是否可行，但即使在 Flash 或其他技术中，我也想知道是否可行以及如何实现。我知道 #2 要求太多，但 #1 真的很重要。

几乎与此类似：http://randallagordon.com/jaraoke/ 但所有行都是可见的，只有当前行被突出显示。

非常感谢您的帮助。

Answer 1

我认为#2 可能非常简单，只需在适当的时候抓取currentTime 并将其存储在 cookie 中即可。

如果您知道音频中每一行出现的时间偏移，那么您可以在setTimeout 中轮询currentTime 并根据需要更新突出显示的行。您可能还对正在开发中的WebSRT spec 感兴趣。