1
<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/ただし、すべての行が表示され、現在の行だけが強調表示されます。

助けてくれて本当にありがとうございます。

4

1 に答える 1

1

#2はおそらく非常に簡単だと思いますcurrentTime。適切なタイミングで取得し、Cookieに保存するだけです。

各行が発生するオーディオのタイムオフセットがわかっている場合は、currentTime内部をポーリングしてsetTimeout、強調表示された行を適切に更新できます。開発中のWebSRT仕様にも興味があるかもしれません。

于 2010-11-17T02:20:21.783 に答える