10秒ずつ届く推し

2026/09/17
アニメから得た学びを発表会

Transcript

1. 10秒ずつ届く推し 2026/09/17 アニメから得た学びを発表会 ゆずねり@yuzneri 撮影OK、𝕏投稿OK
2. ゆずねり 𝕏: yuzneri •バックエンドエンジニア •商業、同⼈誌の執筆 •趣味はドールを愛でること 𝕏
3. 本題 •普通の動画は、動画全体がすでに存在する •ライブ配信は、未来の映像はまだ存在しない 2026/09/17 10秒ずつ届く推し@ゆずねり 3
4. HLS (HTTP Live Streaming) •Apple社が開発した動画ストリーミング企画 •標準的なHTTPトランザクションに基づく •オンデマンドでもストリーミングにも使える 2026/09/17 10秒ずつ届く推し@ゆずねり 4
5. 動画を⼩分けにして送る •細かく区切った(6秒〜10秒程度)動画ファイルを 順次取得して再⽣ •この動画ファイル群をセグメントと呼ぶ 映像1 0〜10秒 映像2 10〜20秒 映像3 20〜30秒 セグメント 2026/09/17 10秒ずつ届く推し@ゆずねり 5
6. セグメントの⼀覧を⽤意する •⼩分けにしたファイルがどのパスにあるのかを 書いたプレイリスト(. m3u8)を⽤意 •プレイヤーはこの⼀覧を読み、必要なデータを 順次取得、再⽣ 2026/09/17 10秒ずつ届く推し@ゆずねり 6
7. .m3u8 #EXTM3U #EXTINF:10.0, #EXT-X-VERSION:3 segment002.ts #EXT-XTARGETDURATION:6 #EXTINF:10.0, #EXT-X-PLAYLIST-TYPE:VOD #EXTINF:10.0, segment001.ts 2026/09/17 segment003.ts #EXT-X-ENDLIST 10秒ずつ届く推し@ゆずねり 7
8. 再⽣ボタンを押すと 配信側 視聴側 •配信⽤webサーバー 1. プレイリストを取得 • セグメント • プレイリスト 2026/09/17 2. セグメントをHTTP で取得 3. デコードして再⽣し つつ、続きを取得 10秒ずつ届く推し@ゆずねり 8
9. 通信環境を吸収 •セグメントを取得したが、まだ再⽣していない 物はバッファとしてストック •あるタイミングで通信が悪くなってもバッファ 分は再⽣できる •バッファが尽きると⽌まる 2026/09/17 10秒ずつ届く推し@ゆずねり 9
10. ⽌まらないためには •バッファの取得状況に応じて、動的に画質を切 り替えるABR(Adaptive Bitrate Streaming) •複数の画質を⽤意しておく •プレイヤーは通信状況を元に、次に取得する画 質を選択する 2026/09/17 10秒ずつ届く推し@ゆずねり 10
11. ライブ配信はどうするか ⼒こそパワー 2026/09/17 10秒ずつ届く推し@ゆずねり 11
12. セグメントの⽐較 オンデマンド ライブ •事前にセグメントご とに切って⽤意 •撮影しながら随時セ グメントを切って、 エンコードして⽤意 2026/09/17 10秒ずつ届く推し@ゆずねり 12
13. プレイリストの⽐較 オンデマンド ライブ •事前にプレイリスト を⽤意 • できたセグメントを随 時プレイリストに追記 • プレイヤーは再取得し て続きを⾒つける 2026/09/17 10秒ずつ届く推し@ゆずねり 13
14. まとめ • 分割 • 細かく動画を区切って配信 • 先読み • ⼀時的に通信が悪くなっても再⽣し続ける • 切り替え • 通信状況に応じて動的に画質を切り替えて⽌めない 2026/09/17 10秒ずつ届く推し@ゆずねり 14