0

HTML5 でオーディオとそれぞれのテキストのハイライトを同期する方法は? jquery/Javascript はオーディオとテキストの同期を行いますか? はいの場合、あなたのアイデアを共有してください...

前もって感謝します...

マダン

4

1 に答える 1

2

サーバー側で音声ファイルを前処理して、対応する単語が話されたときの単語インデックスと実時間の JSON リストを作成できるようにする必要があります。

次に、クライアント側で、この JSON を読み込みます。オーディオの再生を開始し、MediaElement の timeupdate イベント フックを使用して、オーディオの進行状況を追跡します。

次に<span>、timeupdate が報告した時間が対応する単語インデックスを過ぎたときに、単語をラップして CSS クラスを変更することにより、単語を強調表示します。

于 2012-05-30T12:40:02.117 に答える