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

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

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
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
760
Inspired By RubyKaigi (EN)
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
470
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
Avatar for よしこ yoshikouki
1
230
3Dシーンの圧縮
Avatar for Fadis fadis
1
550
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
220
Oxlintのカスタムルールの現況
Avatar for syumai syumai
5
920
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3k
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
Avatar for Naoya.i nao_mk2
1
1.2k
色即是空、空即是色、データサイエンス
Avatar for KamoNeggi kamoneggi
1
250
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
430
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
310

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
240
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
180
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
150
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
150
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.2k

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