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

HLSでやっていく 動画ストリーミング配信

takanamito
July 26, 2016
Programming
0
2.4k

HLSでやっていく 動画ストリーミング配信

SpeeeKaigiで発表した
HLSを使った動画ストリーミング配信についてのLT資料です。

takanamito

July 26, 2016
Tweet

More Decks by takanamito

See All by takanamito
ActiveModel::Attributes APIとSwaggerでRailsのAPIレスポンスに型を持ち込む
takanamito
0
570
ドキュメントとテストのないプロジェクトを引き継ぐ
takanamito
2
3.3k
Siriに身の回りのお世話をしてもらう
takanamito
0
6.4k
PHPで運用中のサービスをRubyに切り替える
takanamito
0
5.2k
安心してフレームワークをのりかえたい
takanamito
0
1.1k
あんしん大規模リプレースサポート
takanamito
1
1.5k

Other Decks in Programming

See All in Programming
Laravel や Symfony で手っ取り早く
OpenAPI のドキュメントを作成する
azuki
2
120
Outline View in SwiftUI
1024jp
1
330
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
430
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。
kohecchi
5
920
AWS IaCの注目アップデート 2024年10月版
konokenj
3
3.3k
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.1k
Generative AI Use Cases JP (略称:GenU)奮闘記
hideg
1
290
ヤプリ新卒SREの オンボーディング
masaki12
0
130
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
1.4k
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230
ふかぼれ！CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Designing Experiences People Love
moore
138
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
We Have a Design System, Now What?
morganepeng
50
7.2k
Practical Orchestrator
shlominoach
186
10k
BBQ
matthewcrist
85
9.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Typedesign – Prime Four
hannesfritz
40
2.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k

Transcript

  1. HLSͰ΍͍ͬͯ͘ ಈըετϦʔϛϯά഑৴

  2. HLSͱ͸? • HTTP Live Streaming • Apple͕ఏএ͢ΔετϦʔϛϯάಈը഑৴ٕज़ • HTTPαʔόʔͰετϦʔϛϯά഑৴ •

    ϥΠϒ/ΦϯσϚϯυ഑৴྆ରԠ • ࠷ۙͩͱAbema TVͰ࢖ΘΕͯΔͬΆ͍

  3. ͲΜͳ࢓૊Έʁ

  4. ಈըϑΝΠϧ ) UT UT UT UT UT ʜ OUT QMBZMJTUNV

    ➕ ⒎NQFH

  5. $ ffmpeg -i ./source.mp4 \ -f segment \ -segment_format mpegts

    \ -segment_list playlist.m3u8 %03d.ts

  6. #EXTM3U #EXT-X-VERSION:3 #EXT-X-MEDIA-SEQUENCE:0 #EXT-X-ALLOW-CACHE:YES #EXT-X-TARGETDURATION:3 #EXTINF:2.293967, 000.ts #EXTINF:2.002000, 001.ts #EXTINF:2.002000,

    002.ts #EXTINF:2.002000, 003.ts #EXTINF:1.835167, 004.ts #EXTINF:2.002000, 005.ts ~ தུ ~ #EXTINF:2.002000, 187.ts #EXTINF:2.002000, 188.ts #EXTINF:2.002000, 189.ts #EXTINF:2.002000, 190.ts #EXTINF:0.750756, 191.ts #EXT-X-ENDLIST

  7. <html> <body> <video src=‘./playlist.m3u8’ controls></video> </body> </html> JOEFYIUNM ͋ͱ͸͜ͷIUNMʹOHJOYܦ༝Ͱ ΞΫηε͢Ε͹0,

  8. σϞ

  9. ͳʹ͕͏Ε͍͠ʁ • ߏ੒͕γϯϓϧ • ͪͬͪΌ͍tsϑΝΠϧ • HTTPαʔόʔ • ϒϥ΢β (chrome͸ϓϨΠϠʔϥΠϒϥϦ͕ඞཁ)

    • ࠶ੜ͕εϜʔζ • 1ϑΝΠϧ͕1~4MBఔ౓(σϑΥϧτ10ඵ) • γʔΫόʔಈ͔ͨ࣌͠ʹ΋όοϑΝ଴ͪ΄΅ͳ͠ • Important: iPhone and iPad apps that send large amounts of audio or video data over cellular networks are required to use HTTP Live Streaming.

  10. ଞʹ΋ ·ͩ·ͩ

  11. HLSͰ΍͍ͬͯ͘αʔόʔϨε ಈըετϦʔϛϯά഑৴

  12. ) ಈը "84ʹ೚͍ͤͯ͘

  13. ͜ͷลͷઃఆ࢖͏ͱ͍͍ײ͡ͷը࣭ʹͳΔ

  14. ) ಈը ˢ ͜͜ʹ͓͍ͨNVϑΝΠϧͷ63-Λ ϒϥ΢βͰ։͚ͩ͘Ͱ0,

  15. ͦͯͦͯ͠͠

  16. HLS video now available on ࣾ಺޲͚Gyazoαʔόʔ ࣾ಺ݶఆετϦʔϛϯά഑৴͠์୊