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

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

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

Other Decks in Programming

See All in Programming
Testing Trophyは叫ばない
Avatar for toms toms74209200
0
690
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
1
500
KessokuでDIでもgoroutineを活用する / Go Connect #6
Avatar for mazrean mazrean
0
140
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
400
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
540
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
0
280
AIコーディングAgentとの向き合い方
Avatar for kmuto eycjur
0
260
Rancher と Terraform
Avatar for Ryoma Fujiwara fufuhu
2
200
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
14
7.9k
Vue・React マルチプロダクト開発を支える Vite
Avatar for ANDPAD inc andpad
0
110
アセットのコンパイルについて
Avatar for ojun ojun9
0
110
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
190

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k

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