HTML5 でオーディオとそれぞれのテキストのハイライトを同期する方法は? jquery/Javascript はオーディオとテキストの同期を行いますか? はいの場合、あなたのアイデアを共有してください...
前もって感謝します...
マダン
サーバー側で音声ファイルを前処理して、対応する単語が話されたときの単語インデックスと実時間の JSON リストを作成できるようにする必要があります。
次に、クライアント側で、この JSON を読み込みます。オーディオの再生を開始し、MediaElement の timeupdate イベント フックを使用して、オーディオの進行状況を追跡します。
次に<span>
、timeupdate が報告した時間が対応する単語インデックスを過ぎたときに、単語をラップして CSS クラスを変更することにより、単語を強調表示します。