弾性同期Youtubeプレイヤー

弾性同期的な仕組みのYoutube配信プレイヤー、面白そう

もっと分かりやすいユースケースに合わせるなら、

Youtube Live視聴時に、遅れているなら自動で若干早送りにされるYoutubeプレイヤー

視聴中に止めたりちょっと巻き戻した時に、小さい遅延が生まれることは良くある

その遅延を戻すために毎回2倍速にするのは面倒

その速度の調整をいい感じに代わりにやってくれるプレイヤーを作った

できた

-.icon

実装メモ

ReactとYoutube Player API使えば結構さくっと実装できそうblu3mo.icon

Chakra UIとかReact+Firebaseを試しつつ作ってみよう

react-player使えば楽に実装できそう

配信の全体durationを取得するのが難しいな

Youtube iFrame APIがガタガタっぽい

Stateの挙動の理解不足でハマった

setIntervalをuseIntervalに置き換えればいけそう

こういうの揃ってるのありがたい

onSeekが拾えないのきついな

このせいでseekした瞬間に速度が変わらずとても非直感的なUIになる

clickイベントの時に秒数の大きな変化があったらonSeek、みたいな感じで自作はできそうだけど面倒