html - 关于 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在 a 内轮询setTimeout并根据需要更新突出显示的行。您可能还对开发中的WebSRT 规范感兴趣。