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.5k
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
640
ドキュメントとテストのないプロジェクトを引き継ぐ
takanamito
2
3.5k
Siriに身の回りのお世話をしてもらう
takanamito
0
6.8k
PHPで運用中のサービスをRubyに切り替える
takanamito
0
5.4k
安心してフレームワークをのりかえたい
takanamito
0
1.2k
あんしん大規模リプレースサポート
takanamito
1
1.6k
Other Decks in Programming
See All in Programming
理論と実務のギャップを超える
eycjur
0
180
AI時代に必須!状況言語化スキル / ai-context-verbalization
minodriven
2
110
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
7
3.6k
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
EMこそClaude Codeでコード調査しよう
shibayu36
0
450
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
120
Software Architecture
hschwentner
6
2.3k
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
310
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
200
Ktorで簡単AIアプリケーション
tsukakei
0
110
AI 駆動開発におけるコミュニティと AWS CDK の価値
konokenj
5
270
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
860
Featured
See All Featured
A designer walks into a library…
pauljervisheath
209
24k
The Cult of Friendly URLs
andyhume
79
6.6k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Balancing Empowerment & Direction
lara
5
700
Six Lessons from altMBA
skipperchong
29
4k
The Pragmatic Product Professional
lauravandoore
36
7k
Producing Creativity
orderedlist
PRO
347
40k
Gamification - CAS2011
davidbonilla
81
5.5k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
640
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
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αʔόʔ ࣾݶఆετϦʔϛϯά৴͠์