2024-05-05
#js 

おめでとう!バスケのプロリーグB3で、完全優勝とB2進出を決めた、福井ブローウィンズ


「祝砲 - HLS Movie Player with Cache」

一眼ミラーレス、Canon R5 + Dual Fisheyeで8K撮影した動画をWebアプリでスムーズに見られるアプリを作りました。


右目用と左目用、魚眼レンズで2つの視野角180度の映像を1つの8K動画として記録されます。レンズ内部で交差しているので右目用と左目用が反転しているので、交差法で立体視できます。


「選手 - HLS Movie Player with Cache」

デモ動画、もう一つは4K、ハイタッチしていく選手の様子です。


「code4fukui/hls-movie-player-with-cache」

Vision Pro/iPhone/MacのSafariでは対応している動画フォーマットHLS(=HTTP Live Streaming、M3U8ファイル+TSファイル群)をServiceWorkerCacheでローカルに保存してから再生するソースコードです。hls.jsを使っているので、ChromeなどのHLS未対応ブラウザでも動きます。

MP4の動画ファイルをHLSに変換するのは、ffmpegで簡単!

ffmpeg -i 2G7A0214.MP4 -g 30 2G7A0214.m3u8

gパラメータで分割サイズをコントロールできます。


株式会社福井ブローウィンズ 代表取締役 湯本眞士さんと!
jig.jpは、福井ブローウィンズのブロンズパートナー。
パートナー|福井ブローウィンズ 公式ウェブサイト

links
- 福井ブローウィンズ 公式ウェブサイト

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS