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

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

Avatar for takanamito takanamito
July 26, 2016
Programming
0
2.5k

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

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

Avatar for takanamito

takanamito

July 26, 2016
Tweet

More Decks by takanamito

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

Other Decks in Programming

See All in Programming
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
150
私はどうやって技術力を上げたのか
Avatar for Yusuke Wada yusukebe
43
17k
Model Pollution
Avatar for Henning Schwentner hschwentner
1
180
Signals & Resource API in Angular: 3 Effective Rules for Your Architecture @BASTA 2025 in Mainz
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
dynamic!
Avatar for MOROHASHI Kyosuke moro
9
6.7k
ポスターセッション: 「まっすぐ行って、右！」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
Avatar for komo_fr komofr
0
980
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
320
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
Avatar for Yunosuke Sakai ski
0
350
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
Avatar for Keisuke Kobayashi kobakei
0
500
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
410
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
Avatar for MinoDriven minodriven
23
12k
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
Avatar for おおいし bicstone
4
1.5k

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
237
140k
Done Done
Avatar for chrislema chrislema
185
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
960
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
20k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k

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αʔόʔ ࣾ಺ݶఆετϦʔϛϯά഑৴͠์୊