A lightning talk at Tokyo Video Tech #7 introducing Apple's Low Latency HLS

1. Apple Low Latency HLS
Samson Sham - サムソン
フォアキャスト・コミュニケーションズ

2. HLSの由来
2
- ~2009: avi, mp4, wmv; H.263+RTP/RTMP + Flash (2020 EOL)
- 2009: Apple → darft-pantos-http-live-streaming → IETF
- https://datatracker.ietf.org/doc/draft-pantos-http-live-streaming/history/
- → HLS 誕生
- 2017: Periscope → Low Latency HLS 成功事例発表
- https://medium.com/@periscopecode/introducing-lhls-media-streaming-eb6212948bef
- 2018: JW Player, Mux, Wowza, Elemental, Akamai → HLS.js RFC規格化
- https://github.com/video-dev/hlsjs-rfcs
- 2019: Apple → Apple Low Latency HLS (Preliminary)
- 11月 Wowza サポート発表

3. HLSの由来
3
- ~2009: avi, mp4, wmv; H.263+RTP/RTMP + Flash (2020 EOL)
- 2009: Apple → darft-pantos-http-live-streaming → IETF
- https://datatracker.ietf.org/doc/draft-pantos-http-live-streaming/history/
- → HLS 誕生
- 2017: Periscope → Low Latency HLS 成功事例発表
- https://medium.com/@periscopecode/introducing-lhls-media-streaming-eb6212948bef
- 2018: JW Player, Mux, Wowza, Elemental, Akamai → HLS.js RFC規格化
- https://github.com/video-dev/hlsjs-rfcs
- 2019: Apple → Apple Low Latency HLS (Preliminary)
- 11月 Wowza サポート発表
LHLS
Community Low Latency
HLS
目標：２〜５秒
実績：〜２秒

4. HLSの由来
4
- ~2009: avi, mp4, wmv; H.263+RTP/RTMP + Flash (2020 EOL)
- 2009: Apple → darft-pantos-http-live-streaming → IETF
- https://datatracker.ietf.org/doc/draft-pantos-http-live-streaming/history/
- → HLS 誕生
- 2017: Periscope → Low Latency HLS 成功事例発表
- https://medium.com/@periscopecode/introducing-lhls-media-streaming-eb6212948bef
- 2018: JW Player, Mux, Wowza, Elemental, Akamai → HLS.js RFC規格化
- https://github.com/video-dev/hlsjs-rfcs
- 2019: Apple → Apple Low Latency HLS (Preliminary)
- 11月 Wowza サポート発表
LL-HLS / ALHLS
Apple Low Latency HLS
目標：１〜２秒
実績：〜３秒

5. HLSとLL-HLS/ALHLSの違い
5

6. HLS
6

7. 従来HLSの仕組み
7
m3u8 1: HTTPS
2: HTTPS
プレイリスト
メディアセグメント
Static Media Server

8. 従来HLSの仕組み
8
.m3u8
198964.ts
198965.ts
TCP+TLS handshake .m3u8
HTTP/1.1 Response
#EXT-X-PROGRAM-DATE-TIME:2019-10-29T10:00:12.708Z
#EXTINF:4.00000,
198963.ts
#EXTINF:4.00000,
198964.ts
#EXTINF:4.00000,
198965.ts

9. LL-HLS / ALHLS
9

10. LL-HLS/ALHLSとHLSの違い
10
m3u8 1: HTTPS
2: HTTPS
プレイリスト
メディアセグメント
Static Media Server

11. HTTP/2 + TLS/1.3 特徴
11

12. HTTP/2 Stream Multiplexing
12
.m3u8 198964.ts 198965.ts
TCP+TLS handshake
.m3u8
HTTP/2 Data frame
SYN
SYN ACK
Request Data
HTTP/2 HPACK
HTTP/2 Stream
- TCP圧縮
- ヘッダー圧縮

13. TLS/1.3 0-RTT
13
.m3u8 198964.ts 198965.ts
TCP+TLS handshake
.m3u8
HTTP/2 Data frame
Client Hello+ALPN+HTTP request
Server Hello+HTTP response
HTTP/2 HPACK 0 - RTT
HTTP/2 Stream
- TLS圧縮

14. LL-HLS/ALHLSの仕組み
14
m3u8
プレイリスト
メディアセグメント
Static Media Server
1: HTTP/2 + TLS/1.3

15. LL-HLS/ALHLSとHLSの違い
15
m3u8
プレイリスト
メディアセグメント
Static Media Server
1: HTTP/2 + TLS/1.3

16. Media Playlist
16

17. LL-HLS/ALHLSとHLSの違い
17
m3u8
m3u8
プレイリスト
Playlist request blocking
- 新しいプレイリスト発行
するまで待たせる

18. LL-HLS/ALHLSとHLSの違い
18
m3u8
プレイリスト
メディ
ア
パーツ
HTTP/2 PUSH
- スタートタイム縮める
Playlist Query Parameter
?_HLS_push=1

19. LL-HLS/ALHLSとHLSの違い
19
m3u8
プレイリスト
- プレイリスト圧縮
m3u8
Delta Playlist
Playlist Query Parameter
?_HLS_skip=YES

20. Media File
20

21. LL-HLS/ALHLSとHLSの違い
21
メディア
パーツ
メディア
セグメント
TS
Fragmented
MP4
- セグメントさらに細分化

22. LL-HLS/ALHLSとHLSの違い
22
Dynamic Media Server
1: HTTP/2 + TLS/1.3
m3u8
m3u8
m3u8

23. etc...
23

24. デモンストレーション
24

25. 25
ストリーミング
サーバー構成図

26. 26
ご清聴ありがとうございました。

27. ご清聴ありがとうございました。
27