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
3
2.4k

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

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

Avatar for saturday06

saturday06

February 26, 2018
Tweet

More Decks by saturday06

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

Other Decks in Programming

See All in Programming
今からFlash開発できるわけないじゃん、ムリムリ! (※ムリじゃなかった!?)
Avatar for Sora Arakawa arkw
0
150
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.4k
AHC061解説
Avatar for Shun_PI shun_pi
0
420
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
150
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
330
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
170
nuget-server - あなたが必要だったNuGetサーバー
Avatar for Kouji Matsui kekyo
PRO
0
440
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
330
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
310
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
240
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
150
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
2
290

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
230
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
400
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
160
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
330
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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. デモ