§20-03Media

チャプターマーカー

動画の進行バーに章の区切りを示す。

長い動画の中から見たい箇所へ直接移動させる。講義や解説動画のように内容が節に分かれるものに向く。

実装のポイント

マーカー位置は開始秒を総尺で割って求め、チャプター一覧のクリックで currentTime を移動させる。WebVTT の kind="chapters" を使うとデータを動画と一緒に管理できる。