Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
HLSでやっていく 動画ストリーミング配信
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
takanamito
July 26, 2016
Programming
2.6k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
HLSでやっていく 動画ストリーミング配信
SpeeeKaigiで発表した
HLSを使った動画ストリーミング配信についてのLT資料です。
takanamito
July 26, 2016
More Decks by takanamito
See All by takanamito
ActiveModel::Attributes APIとSwaggerでRailsのAPIレスポンスに型を持ち込む
takanamito
0
680
ドキュメントとテストのないプロジェクトを引き継ぐ
takanamito
2
3.6k
Siriに身の回りのお世話をしてもらう
takanamito
0
7k
PHPで運用中のサービスをRubyに切り替える
takanamito
0
5.5k
安心してフレームワークをのりかえたい
takanamito
0
1.3k
あんしん大規模リプレースサポート
takanamito
1
1.8k
Other Decks in Programming
See All in Programming
作れる、でも消せるか?──安全に「枯らして消す」機能削除術 / Drain, Then Delete
chobishiba
2
920
AI-Powered Domain-Driven Design
ziobrando
0
290
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
yutobara
8
6.9k
なぜCTOを降りてFDEを選んだのか?〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
gonta
1
230
全ての永続トークンを、生まれる前に消し去りたい!
sylph01
2
1.1k
AWS CDKのカスタムリソースでContinuum(旧Security Agent)を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
akihisaikeda
2
160
AI時代のコードレビューは人に向けるな、仕組みに向けろ
texmeijin
5
3.7k
PyConTW 2026 - AI Coding 不只是工具升級, 區域醫院醫療資訊系統協作開發與資訊團隊轉型實踐
cclai999
0
160
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
nabondance
0
120
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan
marcoroth
2
320
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
minodriven
35
17k
[JA] Domain Modeling with Vanilla Rails: 「操作」から再考するRailsの設計論
yasaichi
4
840
Featured
See All Featured
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
740
WCS-LA-2024
lcolladotor
0
900
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
610
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
3
3.9k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
350
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
SEO for Brand Visibility & Recognition
aleyda
0
4.8k
Scaling GitHub
holman
464
140k
How STYLIGHT went responsive
nonsquared
100
6.3k
Transcript
HLSͰ͍ͬͯ͘ ಈըετϦʔϛϯά৴
HLSͱ? • HTTP Live Streaming • Apple͕ఏএ͢ΔετϦʔϛϯάಈը৴ٕज़ • HTTPαʔόʔͰετϦʔϛϯά৴ •
ϥΠϒ/ΦϯσϚϯυ৴྆ରԠ • ࠷ۙͩͱAbema TVͰΘΕͯΔͬΆ͍
ͲΜͳΈʁ
ಈըϑΝΠϧ ) UT UT UT UT UT ʜ OUT QMBZMJTUNV
➕ ⒎NQFH
$ ffmpeg -i ./source.mp4 \ -f segment \ -segment_format mpegts
\ -segment_list playlist.m3u8 %03d.ts
#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
<html> <body> <video src=‘./playlist.m3u8’ controls></video> </body> </html> JOEFYIUNM ͋ͱ͜ͷIUNMʹOHJOYܦ༝Ͱ ΞΫηε͢Ε0,
σϞ
ͳʹ͕͏Ε͍͠ʁ • ߏ͕γϯϓϧ • ͪͬͪΌ͍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.
ଞʹ ·ͩ·ͩ
HLSͰ͍ͬͯ͘αʔόʔϨε ಈըετϦʔϛϯά৴
) ಈը "84ʹ͍ͤͯ͘
͜ͷลͷઃఆ͏ͱ͍͍ײ͡ͷը࣭ʹͳΔ
) ಈը ˢ ͜͜ʹ͓͍ͨNVϑΝΠϧͷ63-Λ ϒϥβͰ։͚ͩ͘Ͱ0,
ͦͯͦͯ͠͠
HLS video now available on ͚ࣾGyazoαʔόʔ ࣾݶఆετϦʔϛϯά৴͠์