§20-10Media
トランスクリプト追従 (karaoke 風)
再生位置に合わせて文字起こしの該当箇所を強調する。
聞き逃した部分を文字で追え、どこを再生しているかを見失わない。講義や会議の録画、ポッドキャストの閲覧に向く。
実装のポイント
timeupdate で currentTime を受け取り、二分探索で現在の区間を特定してハイライトする。自動スクロールは利用者が手動で動かしている間は止める。
- 特徴
- タイマー
- モック
§20-10Media
再生位置に合わせて文字起こしの該当箇所を強調する。
聞き逃した部分を文字で追え、どこを再生しているかを見失わない。講義や会議の録画、ポッドキャストの閲覧に向く。
timeupdate で currentTime を受け取り、二分探索で現在の区間を特定してハイライトする。自動スクロールは利用者が手動で動かしている間は止める。