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

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

Avatar for saturday06 saturday06
February 26, 2018
Programming
3
2.3k

 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.6k

Other Decks in Programming

See All in Programming
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
190
エラーって何種類あるの？
Avatar for Takuma Kajikawa kajitack
5
280
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
Avatar for Koichi NAKAGAWA knakagawa
1
120
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
Avatar for Naoya Ito naoya
17
4.8k
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
550
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
3
740
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
180
Claude Codeの使い方
Avatar for ttnyt8701 ttnyt8701
1
130
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
560
Datadog RUM 本番導入までの道
Avatar for Shintaro Matsumoto shinter61
1
310
GraphRAGの仕組みまるわかり
Avatar for とすり tosuri13
7
450
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
Avatar for Mitsuharu Maruyama m4maruyama
1
130

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.3k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.9k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
330
24k

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