ReactHooksでvideoを乗りこなす

「映像プレーヤー」を作成したことはあるでしょうか？ 作成したことはなくても、おそらく日々様々なプレーヤーを利用していると思います。 HTML5で定義されるHTML Video Elementからは、メディア状態・エラー・DRM複合処理・広告再生・読み込み、などブラウザごとに多種多様なイベントが発生します。プレーヤーはこのイベントに加え、ユーザーから入力される複雑な操作も併せて処理する必要があります。UIや内部要件を実装するには、このイベント制御を適切にハンドルし、のりこなすことが必要不可欠です。 今回のセッションでは、複雑な処理をReactHooksを用いてHTML Video elementを制御する手法を、現在映像サービス「GYAO!」でプロダクションで使用されているプレーヤーを事例に、フロントエンドの観点からご紹介します。

[h5y1m141]

少し前に、とある方から相談受けた時の技術領域でこの辺りの動画プレイヤーについて関連ありそうなのでメモっておこう

[t_f_m]

あとで

[efcl]

React Hooksを使ってVideoプレイヤーを作成することについてのスライド。 `<video>`要素の持つ複雑なステート管理、更新頻度に合わせたステートの分離、React Hooksの利用についてなど

[roshi]

関心事がイメージしやすくて分かりやすかった。宣言的に実装する世界も学習せねばなー。