SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
インターネットにおける
動画配信の仕組み
お伝えする内容
● AbemaTV 特有の配信システム
● 一般的なシステムや関連技術も紹介
動画のストリーミング
【Section 1】
インターネットで動画を提供するには?
動画コンテンツを提供するには
HTTP
Server
file
HTTP
Server
file
Streaming
Server packet
packet
packet
Streaming
Server file
file
file
ダウンロード
プログレッシブ
ダウンロード
Streaming
HTTP Adaptive
Streaming
動画コンテンツを提供するには
HTTP
Server
file
HTTP
Server
file
Streaming
Server packet
packet
packet
Streaming
Server file
file
file
ダウンロード
プログレッシブ
ダウンロード
Streaming
HTTP Adaptive
Streaming
Adaptive Bitrate Streaming
Seek ・ 生放送
受信しながら再生
HTTP
HTTP
幅広いデバイス向けなら
HTTP Adaptive Streaming が良さそう。
CDN とか活用したいし。
HTTP 上の Streaming
HLS
(HTTP Live Streaming)
HDS
(HTTP Dynamic Streaming)
Smooth Streaming MPEG-DASH
Microsoft 社
Apple 社
iTunes の審査で必須
Adobe 社
ISO/IEC 23009
多機能
プレイヤが対応しきれていない
HTTP 上の Streaming
HLS
(HTTP Live Streaming)
HDS
(HTTP Dynamic Streaming)
Smooth Streaming MPEG-DASH
Microsoft 社
Apple 社
iTunes の審査で必須
Adobe 社
ISO/IEC 23009
多機能
プレイヤが対応しきれていない
配信形態とシステム構成
【Section 2】
AbemaTV の配信形態
LIVE
LIVE
Channel
「Linear TV」
一般的な動画サービス
AbemaTV の配信形態
一般的な動画サービス
Management
UI
EncoderCamera
Server
System
EncoderCamera
Management
UI
EncoderCamera
Server
System
EncoderCamera
【 映像ソース:アウトプット=1:1】 【 映像ソース:アウトプット=多:1】
「Linear TV」
LinearTV を行うには
他の方法
APC
System
Encoder
TV Stadio A
TV Stadio B
Outside
Streaming
Server
Management
UI
EncoderCamera
Server
System
EncoderCamera
番組の移り変わりを
内製システムで実現
LinearTV を行うには
他の方法
APC
System
Encoder
TV Stadio A
TV Stadio B
Outside
Streaming
Server
Management
UI
EncoderCamera
Server
System
EncoderCamera
番組の移り変わりを
内製システムで実現
オンプレ…
※News チャンネル
のみ導入
LinearTV を行うには
他の方法
APC
System
Encoder
TV Stadio A
TV Stadio B
Outside
Streaming
Server
Management
UI
EncoderCamera
Server
System
EncoderCamera
番組の移り変わりを
内製システムで実現
オンプレ…
デバイスごとに
実装が必要…
本当に TV みたいに
できるの?…
※News チャンネル
のみ導入
映像データの取扱い
【Section 3】
ストリーミングとセグメント
Streaming
Server
PlayDownload
segment
segment
segment
SD HD
ストリーミングとセグメント
Streaming
Server
PlayDownload
segment
segment
segment
SD HD
Adaptive Bitrate Streaming
(後ほど詳しく)
途中から再生可能
➜ 生放送・Seek
セグメントをどう作るか
生放送録画コンテンツ
X社製
Packager
A社製
Encoder
Poller
RTP/RTSP
RTMP
etc..
HLS
納品データ
配信可能形式
Worker
Job Queue
Y社製
Packager
B社製
Encoder
管理システム
セグメントをどう扱うか
生放送録画コンテンツ
GCS
映像(1ファイル)
分割位置情報
映像(セグメント毎)
セグメント情報
GCS
Mongo
DB
Adaptive Bitrate Streaming
【Section 4】
Adaptive Bitrate Streaming
Play
DownloadSD HD
Play
DownloadSD
Narrowband Broadband
Adaptive Bitrate Streaming
元データ
1080p
720p
480p
360p
240p
Adaptive Bitrate Streaming
欠損
元データ
破損 破損
1080p
720p
480p
360p
240p
欠損
Adaptive Bitrate Streaming
元データ
1080p
720p
480p
360p
240p
低い方からコピー
※今のところ生配信で
 かつ簡単に検知出来るケースのみ。
まだまだいろいろ…
初めて動画配信をやると
勉強しないといけないことや
ぶつかる問題が沢山。
まとめ
【Section 5】
まとめ
- HTTP Adaptive Streaming
- 生配信、 Seek
- Segment
- Adaptive Bitrate Streaming
- HTTP => Reverse Proxy, CDN, etc..
- AbemaTV の配信
- Linear TV
- 独自配信サーバ
- Segment の取扱い (生配信、録画コンテンツ)
- 低い解像度だけでも配信(可能な範囲で)
質問タイム

Más contenido relacionado

La actualidad más candente

ライブストリーミングの基礎知識その2
ライブストリーミングの基礎知識その2ライブストリーミングの基礎知識その2
ライブストリーミングの基礎知識その2
kumaryu
 

La actualidad más candente (20)

Tokyo Video Tech #2 動画配信の課題とCMAF活用のメリットデメリット
Tokyo Video Tech #2 動画配信の課題とCMAF活用のメリットデメリットTokyo Video Tech #2 動画配信の課題とCMAF活用のメリットデメリット
Tokyo Video Tech #2 動画配信の課題とCMAF活用のメリットデメリット
 
クラウドを取り巻くリニア配信技術
クラウドを取り巻くリニア配信技術クラウドを取り巻くリニア配信技術
クラウドを取り巻くリニア配信技術
 
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
 
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
 
HTML5時代のネット動画技術〜良い子悪い子普通の子(増補改訂版)
HTML5時代のネット動画技術〜良い子悪い子普通の子(増補改訂版)HTML5時代のネット動画技術〜良い子悪い子普通の子(増補改訂版)
HTML5時代のネット動画技術〜良い子悪い子普通の子(増補改訂版)
 
より高品質なメディアサービスを目指す ABEMA の技術進化
より高品質なメディアサービスを目指す ABEMA の技術進化より高品質なメディアサービスを目指す ABEMA の技術進化
より高品質なメディアサービスを目指す ABEMA の技術進化
 
HLSについて知っていることを話します
HLSについて知っていることを話しますHLSについて知っていることを話します
HLSについて知っていることを話します
 
[AKIBA.AWS] AWS Elemental MediaConvertから学ぶコーデック入門
[AKIBA.AWS] AWS Elemental MediaConvertから学ぶコーデック入門[AKIBA.AWS] AWS Elemental MediaConvertから学ぶコーデック入門
[AKIBA.AWS] AWS Elemental MediaConvertから学ぶコーデック入門
 
ABEMA の視聴品質向上戦術
ABEMA の視聴品質向上戦術ABEMA の視聴品質向上戦術
ABEMA の視聴品質向上戦術
 
IIJにおけるGlusterFS利用事例 GlusterFSの詳解と2年間の運用ノウハウ
IIJにおけるGlusterFS利用事例 GlusterFSの詳解と2年間の運用ノウハウIIJにおけるGlusterFS利用事例 GlusterFSの詳解と2年間の運用ノウハウ
IIJにおけるGlusterFS利用事例 GlusterFSの詳解と2年間の運用ノウハウ
 
ストリーミングのげんざい
ストリーミングのげんざいストリーミングのげんざい
ストリーミングのげんざい
 
Wowzaを用いた配信基盤 Takusuta tech conf01
Wowzaを用いた配信基盤 Takusuta tech conf01Wowzaを用いた配信基盤 Takusuta tech conf01
Wowzaを用いた配信基盤 Takusuta tech conf01
 
放送を取り巻く最新動画配信技術
放送を取り巻く最新動画配信技術放送を取り巻く最新動画配信技術
放送を取り巻く最新動画配信技術
 
ライブストリーミングの基礎知識その2
ライブストリーミングの基礎知識その2ライブストリーミングの基礎知識その2
ライブストリーミングの基礎知識その2
 
20200331 AWS Black Belt Online Seminar AWS Elemental MediaConvert
20200331 AWS Black Belt Online Seminar AWS Elemental MediaConvert20200331 AWS Black Belt Online Seminar AWS Elemental MediaConvert
20200331 AWS Black Belt Online Seminar AWS Elemental MediaConvert
 
Keynote:AbemaTVのエンジニア組織論と今後の技術戦略 / AbemaTV DevCon 2018 TrackA Keynote
Keynote:AbemaTVのエンジニア組織論と今後の技術戦略 / AbemaTV DevCon 2018 TrackA KeynoteKeynote:AbemaTVのエンジニア組織論と今後の技術戦略 / AbemaTV DevCon 2018 TrackA Keynote
Keynote:AbemaTVのエンジニア組織論と今後の技術戦略 / AbemaTV DevCon 2018 TrackA Keynote
 
AR / VR / MRの世界に、置けるUI、置けないUI、置くべきUI
AR / VR / MRの世界に、置けるUI、置けないUI、置くべきUIAR / VR / MRの世界に、置けるUI、置けないUI、置くべきUI
AR / VR / MRの世界に、置けるUI、置けないUI、置くべきUI
 
Amazon VPC VPN接続設定 参考資料
Amazon VPC VPN接続設定 参考資料Amazon VPC VPN接続設定 参考資料
Amazon VPC VPN接続設定 参考資料
 
SFUの話
SFUの話SFUの話
SFUの話
 
RTMPのはなし - RTMP1.0の仕様とコンセプト / Concepts and Specification of RTMP
RTMPのはなし - RTMP1.0の仕様とコンセプト / Concepts and Specification of RTMPRTMPのはなし - RTMP1.0の仕様とコンセプト / Concepts and Specification of RTMP
RTMPのはなし - RTMP1.0の仕様とコンセプト / Concepts and Specification of RTMP
 

Similar a インターネットにおける動画配信の仕組み

Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーPerl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバー
Hideo Kimura
 
<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013
<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013
<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013
満徳 関
 
Lolipop server
Lolipop serverLolipop server
Lolipop server
Jun Chiba
 
Windows Azure Media Serviceで作成する割と普通な動画サイト
Windows Azure Media Serviceで作成する割と普通な動画サイトWindows Azure Media Serviceで作成する割と普通な動画サイト
Windows Azure Media Serviceで作成する割と普通な動画サイト
normalian
 
ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料
ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料
ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料
Kentaro Matsumae
 

Similar a インターネットにおける動画配信の仕組み (20)

HTML5 VIDEO on Chromecast
HTML5 VIDEO on ChromecastHTML5 VIDEO on Chromecast
HTML5 VIDEO on Chromecast
 
HTML5ビデオ導入編
HTML5ビデオ導入編HTML5ビデオ導入編
HTML5ビデオ導入編
 
Azure Media Services 概要
Azure Media Services 概要Azure Media Services 概要
Azure Media Services 概要
 
Azure vs aws比較 エンコード ace用
Azure vs aws比較 エンコード ace用Azure vs aws比較 エンコード ace用
Azure vs aws比較 エンコード ace用
 
AWS Black Belt Online Seminar 2018 動画配信 on AWS
AWS Black Belt Online Seminar 2018 動画配信 on AWSAWS Black Belt Online Seminar 2018 動画配信 on AWS
AWS Black Belt Online Seminar 2018 動画配信 on AWS
 
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーPerl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバー
 
Azure Media Services 大全
Azure Media Services 大全Azure Media Services 大全
Azure Media Services 大全
 
DEV-019_Programmable Video ~Azure Media Services でのビデオ サービス開発~
DEV-019_Programmable Video ~Azure Media Services でのビデオ サービス開発~DEV-019_Programmable Video ~Azure Media Services でのビデオ サービス開発~
DEV-019_Programmable Video ~Azure Media Services でのビデオ サービス開発~
 
<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013
<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013
<初級> Windows Azure Media Services を活用したマルチデバイスへの動画配信 - Community OpenDay 2013
 
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
 
[de:code 2018] ビデオ体験を進化させよう!Media Services で安定した配信のコツと Video AI のポイント
[de:code 2018] ビデオ体験を進化させよう!Media Services で安定した配信のコツと Video AI のポイント[de:code 2018] ビデオ体験を進化させよう!Media Services で安定した配信のコツと Video AI のポイント
[de:code 2018] ビデオ体験を進化させよう!Media Services で安定した配信のコツと Video AI のポイント
 
CDNの仕組み(JANOG36)
CDNの仕組み(JANOG36)CDNの仕組み(JANOG36)
CDNの仕組み(JANOG36)
 
20150226_JAWS_UG札幌
20150226_JAWS_UG札幌20150226_JAWS_UG札幌
20150226_JAWS_UG札幌
 
IIS Media Services 3.0 による動画配信
IIS Media Services 3.0 による動画配信IIS Media Services 3.0 による動画配信
IIS Media Services 3.0 による動画配信
 
Lolipop server
Lolipop serverLolipop server
Lolipop server
 
Windows Azure Media Serviceで作成する割と普通な動画サイト
Windows Azure Media Serviceで作成する割と普通な動画サイトWindows Azure Media Serviceで作成する割と普通な動画サイト
Windows Azure Media Serviceで作成する割と普通な動画サイト
 
Streaming tuning test
Streaming tuning testStreaming tuning test
Streaming tuning test
 
20151207 Streaming on AWS
20151207 Streaming on AWS20151207 Streaming on AWS
20151207 Streaming on AWS
 
動画配信プラットフォームOn AWS
動画配信プラットフォームOn AWS動画配信プラットフォームOn AWS
動画配信プラットフォームOn AWS
 
ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料
ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料
ニコニコ動画iPhoneアプリの作り方@スマートフォン2011講演資料
 

インターネットにおける動画配信の仕組み