关于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中。

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