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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
プラグインで拡張される Context をtype-safe にする難しさと設計判断
Avatar for kazupon kazupon
2
470
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
420
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
Avatar for 武田 憲太郎 kentaroutakeda
1
320
横断組織出身のQAEがインプロセスQAEでつまずいたこと・活かせたこと
Avatar for Taiki Yamashita ty89
0
470
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
Avatar for Taisei Yamamoto taiseiyamamotoan
1
210
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
410
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
2.5k
Skillは並べた。動かなかった。契約で繋いだ。— 65個のSkillから、自走する開発サイクルへ
Avatar for じゅん junholee
0
790
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
200
権限チェックの一貫性を型で守る TypeScript による多層防御
Avatar for aster-mnch (kitagawa) mnch
4
980
誰も頼んでない機能を出荷した話
Avatar for Hidetaka Toriyama zekutax
0
150
Old Dog, New Tricks: The Java 25 Reinvention - JNation
Avatar for A N M Bazlur Rahman bazlur_rahman
0
140

Featured

See All Featured
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
150
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.3k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
410
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
290
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
390

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