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
660
ドキュメントとテストのないプロジェクトを引き継ぐ
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
アクセシビリティ試験の"その後"を仕組み化する
Avatar for yuuumin yuuumiravy
1
190
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
330
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
190
Kubernetesを使わない環境にもCloud Nativeなデプロイを実現する / Enabling Cloud Native deployments without the complexity of Kubernetes
Avatar for linyows linyows
3
300
ふにゃっとしない名前の付け方 〜哲学で茹で上げる、コシのあるソフトウェア設計〜
Avatar for akshimo shimomura
0
110
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
Avatar for Toranosuke Minamikawa tigertora7571
0
190
How We Practice Exploratory Testing in Iterative Development( #scrumniigata ) / 反復開発の中で、探索的テストをどう実施しているか
Avatar for teyamagu teyamagu
PRO
3
710
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
Avatar for hadashiA hadashia
2
1.6k
「OSSがあるなら自作するな」は AI時代も正しいか ── Build vs Adopt の新しい判断基準
Avatar for Kumo Ishikawa kumorn5s
5
1.4k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyKaigi 2026, Hakodate, Japan
Avatar for Marco Roth marcoroth
0
640
From Formal Specification to Property Based Test
Avatar for Masato Ohba ohbarye
0
710
cloudnative conference 2026 flyle
Avatar for azihsoyn azihsoyn
0
110

Featured

See All Featured
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
6
35k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
120
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
500
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
220
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k

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