Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HLSでやっていく 動画ストリーミング配信
Search
takanamito
July 26, 2016
Programming
0
2.4k
HLSでやっていく 動画ストリーミング配信
SpeeeKaigiで発表した
HLSを使った動画ストリーミング配信についてのLT資料です。
takanamito
July 26, 2016
Tweet
Share
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
1k
あんしん大規模リプレースサポート
takanamito
1
1.5k
Other Decks in Programming
See All in Programming
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
160
EventSourcingの理想と現実
wenas
6
2.1k
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
1k
飲食業界向けマルチプロダクトを実現させる開発体制とリアルな現状
hiroya0601
1
400
OpenTelemetryでRailsのパフォーマンス分析を始めてみよう(KoR2024)
ymtdzzz
4
1.7k
生成 AI を活用した toitta 切片分類機能の裏側 / Inside toitta's AI-Based Factoid Clustering
pokutuna
0
660
Kotlin2でdataクラスの copyメソッドを禁止する/Data class copy function to have the same visibility as constructor
eichisanden
1
150
ECSのサービス間通信 4つの方法を比較する 〜Canary,Blue/Greenも添えて〜
tkikuc
11
2.3k
WEBエンジニア向けAI活用入門
sutetotanuki
0
310
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
3
1.8k
リリース8年目のサービスの1800個のERBファイルをViewComponentに移行した方法とその結果
katty0324
5
3.8k
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
6
2.4k
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
327
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Optimizing for Happiness
mojombo
376
69k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Being A Developer After 40
akosma
86
590k
Navigating Team Friction
lara
183
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
We Have a Design System, Now What?
morganepeng
50
7.2k
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αʔόʔ ࣾݶఆετϦʔϛϯά৴͠์