Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HLSの遅延を350ms+ネットワーク遅延分まで削減する
Search
saturday06
February 26, 2018
Programming
3
2.3k
HLSの遅延を350ms+ネットワーク遅延分まで削減する
変更履歴
2018年2月26日 初稿(勉強会で発表したやつ)
2018年3月5日 確認用URLを変更
saturday06
February 26, 2018
Tweet
Share
More Decks by saturday06
See All by saturday06
Halideによる画像処理について
saturday06
2
2.5k
Other Decks in Programming
See All in Programming
macOS でできる リアルタイム動画像処理
biacco42
9
2.4k
Amazon Bedrock Agentsを用いてアプリ開発してみた!
har1101
0
340
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.2k
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.8k
Outline View in SwiftUI
1024jp
1
340
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
Contemporary Test Cases
maaretp
0
140
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
3
1.2k
Arm移行タイムアタック
qnighy
0
340
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
120
React CompilerとFine Grained Reactivityと宣言的UIのこれから / The next chapter of declarative UI
ssssota
1
100
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Into the Great Unknown - MozCon
thekraken
32
1.5k
Writing Fast Ruby
sferik
627
61k
Site-Speed That Sticks
csswizardry
0
33
Fireside Chat
paigeccino
34
3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Done Done
chrislema
181
16k
Navigating Team Friction
lara
183
14k
KATA
mclloyd
29
14k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Transcript
HLSのライブ配信遅延を 『350ms+ネットワーク遅延分』 まで削減する方法 ピクシブ株式会社 茂木 勇
結論は先に書いてって教わった 今回の提案手法でのライブ配信の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
目次 自己紹介 10秒 HLSのライブ配信ついて 1分 提案手法 1分 デモ 30秒 提案手法の問題点
30秒 ベンチマーク(さっき出したやつ) 30秒 結論 30秒
自己紹介 茂木 勇 - https://twitter.com/saturday06 - https://github.com/saturday06 エンジニア@ピクシブ株式会社 最近は動画配信も・・・!
HLSにおけるライブ配信
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秒
HLSのライブ配信
0% MPEG-TSファイルに録画 HLSのライブ配信
10% MPEG-TSファイルに録画 HLSのライブ配信
20% MPEG-TSファイルに録画 HLSのライブ配信
MPEG-TSファイルに録画 50% HLSのライブ配信
MPEG-TSファイルに録画 100% HLSのライブ配信
MPEG-TSファイルに録画 100% M3U8 プレイリスト HLSのライブ配信
M3U8 プレイリスト MPEG-TSファイル 完了したTSファイルを プレイリストに追記 HLSのライブ配信
M3U8 プレイリスト MPEG-TSファイル HTTPでダウンロード HLSのライブ配信
M3U8 プレイリスト MPEG-TSファイル HTTPでダウンロード HLSのライブ配信
M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイルに録画 0% HLSのライブ配信
M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイルに録画 50% HLSのライブ配信
M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイル HLSのライブ配信
M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイル MPEG-TSファイルに録画 0% HLSのライブ配信
M3U8 プレイリスト HTTPでダウンロード MPEG-TSファイル MPEG-TSファイルに録画 50% MPEG-TSファイル MPEG-TSファイル HLSのライブ配信
提案手法
提案手法
M3U8 プレイリスト 提案手法
0% M3U8 プレイリスト MPEG-TSファイル 提案手法
0% M3U8 プレイリスト MPEG-TSファイル 提案手法 未完了でも プレイリストに 書いちゃう
M3U8 プレイリスト 提案手法 10% MPEG-TSファイル
M3U8 プレイリスト 提案手法 30% MPEG-TSファイル HTTPでダウンロード
M3U8 プレイリスト 提案手法 100% MPEG-TSファイル HTTPでダウンロード 0% MPEG-TSファイル
M3U8 プレイリスト 提案手法 30% MPEG-TSファイル HTTPでダウンロード _人人人人人人_ > 実質RTMP <  ̄Y^Y^Y^Y^Y ̄
提案手法の問題点 - CDNが使えないかもしれない - コネクションが増え過ぎる
デモ