§20-12Media
速度コントロール (0.5x-2x)
動画や音声の再生速度を切り替える。
内容に応じて聞き取る速さを選べ、長い講義や会議の録画を短時間で確認できる。聞き直したい箇所は遅くすることもできる。
実装のポイント
選んだ値を video.playbackRate に設定し、preservesPitch で音程を保つ。選択状態は aria-pressed で伝え、次回再生時のために値を保存する。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§20-12Media
動画や音声の再生速度を切り替える。
内容に応じて聞き取る速さを選べ、長い講義や会議の録画を短時間で確認できる。聞き直したい箇所は遅くすることもできる。
選んだ値を video.playbackRate に設定し、preservesPitch で音程を保つ。選択状態は aria-pressed で伝え、次回再生時のために値を保存する。