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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for takanamito takanamito
July 26, 2016
Programming
2.6k
0

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

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

Avatar for takanamito

takanamito

July 26, 2016

More Decks by takanamito

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

Other Decks in Programming

See All in Programming
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
710
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
A2UI という光を覗いてみる
Avatar for SatohJohn satohjohn
1
140
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
790
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
550
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
22
7.4k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
350
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
320
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
590
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
210
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
Avatar for Manfred Steyer manfredsteyer
PRO
0
110

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
630
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
400
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
13k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
600
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
320
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.3k

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