Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HLSの遅延を350ms+ネットワーク遅延分まで削減する

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for saturday06 saturday06
February 26, 2018
Programming
2.4k
3

 HLSの遅延を350ms+ネットワーク遅延分まで削減する

変更履歴
2018年2月26日 初稿（勉強会で発表したやつ）
2018年3月5日 確認用URLを変更

Avatar for saturday06

saturday06

February 26, 2018

More Decks by saturday06

See All by saturday06
Halideによる画像処理について
Avatar for saturday06 saturday06
2
2.7k

Other Decks in Programming

See All in Programming
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
1
170
ランチタイムLT会3周年！ランチタイムLT会を3年間続けられたお話
Avatar for y-ohgi y0hgi
1
140
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
120
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
14
7.4k
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
Avatar for nrs nrslib
1
250
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
220
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
360k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
140
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
170
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.4k
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
170

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
9.6k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
370
Side Projects
Avatar for Sacha Greif sachag
455
43k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
210
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k

Transcript

  1. HLSのライブ配信遅延を 『350ms+ネットワーク遅延分』 まで削減する方法 ピクシブ株式会社　茂木 勇

  2. 結論は先に書いてって教わった 今回の提案手法でのライブ配信のHLSの遅延 Google Chrome 64 Firefox 58 Safari 11 Edge

    各種モバイ ルブラウザ localhostから localhostへの 配信遅延 0.35秒 0.5秒 1.3秒 3秒 未調査 確認用URL: http://hls.leafytree.jp:3001/ ソースコード: https://github.com/saturday06/fastest-practical-hls.git

  3. 目次 自己紹介 10秒 HLSのライブ配信ついて 1分 提案手法 1分 デモ 30秒 提案手法の問題点

    30秒 ベンチマーク（さっき出したやつ） 30秒 結論 30秒

  4. 自己紹介 茂木 勇 - https://twitter.com/saturday06 - https://github.com/saturday06 エンジニア@ピクシブ株式会社 最近は動画配信も・・・！

  5. HLSにおけるライブ配信

  6. HLSのライブ配信遅延 HLSでライブ配信する場合は遅延が結構出る ニコ生の遅延は4-8秒（2017年11月29日の記事） http://panora.tokyo/45675/ FRESH!の遅延は3秒（2017年9月5日の記事。当時の業界最速らしい） https://av.watch.impress.co.jp/docs/news/1079234.html YouTubeの超低遅延モードの遅延は2秒（CMAFを利用、2017年9月25日の記事） https://engineer-world.duckdns.org/2017/09/14/post-1120/ 提案手法は 0.35秒

    - 3秒

  7. HLSのライブ配信

  8. 0% MPEG-TSファイルに録画 HLSのライブ配信

  9. 10% MPEG-TSファイルに録画 HLSのライブ配信

  10. 20% MPEG-TSファイルに録画 HLSのライブ配信

  11. MPEG-TSファイルに録画 50% HLSのライブ配信

  12. MPEG-TSファイルに録画 100% HLSのライブ配信

  13. MPEG-TSファイルに録画 100% M3U8 プレイリスト HLSのライブ配信

  14. M3U8 プレイリスト MPEG-TSファイル 完了したTSファイルを プレイリストに追記 HLSのライブ配信

  15. M3U8 プレイリスト MPEG-TSファイル HTTPでダウンロード HLSのライブ配信

  16. M3U8 プレイリスト MPEG-TSファイル HTTPでダウンロード HLSのライブ配信

  17. M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイルに録画 0% HLSのライブ配信

  18. M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイルに録画 50% HLSのライブ配信

  19. M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイル HLSのライブ配信

  20. M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイル MPEG-TSファイルに録画 0% HLSのライブ配信

  21. M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイルに録画 50% MPEG-TSファイル MPEG-TSファイル HLSのライブ配信

  22. 提案手法

  23. 提案手法

  24. M3U8 プレイリスト 提案手法

  25. 0% M3U8 プレイリスト MPEG-TSファイル 提案手法

  26. 0% M3U8 プレイリスト MPEG-TSファイル 提案手法 未完了でも プレイリストに 書いちゃう

  27. M3U8 プレイリスト 提案手法 10% MPEG-TSファイル

  28. M3U8 プレイリスト 提案手法 30% MPEG-TSファイル HTTPでダウンロード

  29. M3U8 プレイリスト 提案手法 100% MPEG-TSファイル HTTPでダウンロード 0% MPEG-TSファイル

  30. M3U8 プレイリスト 提案手法 30% MPEG-TSファイル HTTPでダウンロード ＿人人人人人人＿ ＞　実質RTMP　＜ ￣Y^Y^Y^Y^Y￣

  31. 提案手法の問題点 - CDNが使えないかもしれない - コネクションが増え過ぎる

  32. デモ