本文へ移動

§20-10Media

トランスクリプト追従 (karaoke 風)

再生位置に合わせて文字起こしの該当箇所を強調する。

聞き逃した部分を文字で追え、どこを再生しているかを見失わない。講義や会議の録画、ポッドキャストの閲覧に向く。

実装のポイント

timeupdate で currentTime を受け取り、二分探索で現在の区間を特定してハイライトする。自動スクロールは利用者が手動で動かしている間は止める。

特徴
  • タイマー
  • モック

このパターンが効く目的