--- title: いまどきのネット配信技術 tags: #video #streaming #aws author: [後藤 和貴](https://www.docswell.com/user/kazgoto) site: [Docswell](https://www.docswell.com/) thumbnail: https://bcdn.docswell.com/page/V7P9WYNNJ8.jpg?width=480 description: 2016.8.25にWantedlyで行われたJAWS-UG千葉支部で話した映像配信技術についての資料です。 published: August 25, 16 canonical: https://www.docswell.com/s/kazgoto/5MMEN5-ss-65352833 --- # Page. 1 ![Page Image](https://bcdn.docswell.com/page/V7P9WYNNJ8.jpg) いまどきのネット配信技術 アイレット株式会社 後藤 和貴 # Page. 2 ![Page Image](https://bcdn.docswell.com/page/2JVM8GKYJQ.jpg) 執行役員 / エバンジェリスト 後藤 和貴 fb.com/kaz.goto @kaz_goto # Page. 3 ![Page Image](https://bcdn.docswell.com/page/5EGG58QWEL.jpg) S AW n o z a m A Web es c i v r e S で は く 安 と っ も る え 使 定価 で 契 約 してたりしま せん よ ね ? ま さ か の ク まだ ッ パ ウド ラ ク スで ト ッ ビ クレジ ー 行サ 代 求 請 カードで 支 払ってたり しませんよね ? ん で す 待望の 定額プラン スタート M O C A R O S は に 利 便 ・ 賢く る え 使 ん で す cloudpack は SPS 認定済み インテグレーションパートナーです。 @kaz̲goto ッ パ ド ウ クラ ス @kaz̲goto 行 代 求 クの 請 サ ービ ま さ か # Page. 4 ![Page Image](https://bcdn.docswell.com/page/4JQXZ9KQEP.jpg) オリンピックみました？ # Page. 5 ![Page Image](https://bcdn.docswell.com/page/K7463XPYE1.jpg) http://www.gorin.jp/video/5089176580001.html http://sports.nhk.or.jp/video/element/video=30470.html # Page. 6 ![Page Image](https://bcdn.docswell.com/page/LJ1V1N9NEG.jpg) 最近サブスクリプション サービス多いっすね # Page. 7 ![Page Image](https://bcdn.docswell.com/page/GJWL84NME2.jpg) # Page. 8 ![Page Image](https://bcdn.docswell.com/page/4EZM823MJ3.jpg) 動画視聴の変化 # Page. 9 ![Page Image](https://bcdn.docswell.com/page/Y76NPVX57V.jpg) 動画どころか画像すら･･･ # Page. 10 ![Page Image](https://bcdn.docswell.com/page/G755KDXG74.jpg) # Page. 11 ![Page Image](https://bcdn.docswell.com/page/9J2NW8XDER.jpg) 動画配信のトレンド ☁ 動画データ伝送方式 • ストリーミング（専用プロトコル） HTTPダウンロード HTTPストリーミング ☁ マルチデバイス対応 • PC、スマホ、タブレット、TV、4K、5K… ☁ マルチビットレート・マルチサイズ • 回線（ADSL、光、3G、LTE…） # Page. 12 ![Page Image](https://bcdn.docswell.com/page/DEYPL68MEM.jpg) 動画関連技術 # Page. 13 ![Page Image](https://bcdn.docswell.com/page/VJN54ZQ378.jpg) 動画フォーマットと ストリーミング方式 ☁ フォーマット？ • H.264、WMV、AVI、RealVideo… • MP3、AAC、WMA… ☁ ストリーミング方式？ • ダウンロード、プログレッシブダウンロード • HLS、MPEG DASH、Smooth Streaming # Page. 14 ![Page Image](https://bcdn.docswell.com/page/YE9YQZDPJ3.jpg) コンテナとコーデック ☁ コンテナ＝器 • 映像データと音声データを合わせて パッケージング方式 • 複数の映像・音声が含まれることも ☁ コーデック • 映像および音声のフォーマット • 要するに圧縮方式 コンテナ: .mp4, .flv, .mov, .wmv… 映像コーデック H.264 Motion JPEG RealVideo VP8 WMV９ 音声コーデック AAC WMA MP3 ALAC # Page. 15 ![Page Image](https://bcdn.docswell.com/page/GE86G13X7D.jpg) Netflix, YouTubeなど大手がすでにMPEG-DASH対応済み… http://www.slideshare.net/AmazonWebServicesJapan/awswebinaraws # Page. 16 ![Page Image](https://bcdn.docswell.com/page/LEL9GQVNJR.jpg) ネット配信のアーキテクチャ http://www.slideshare.net/AmazonWebServicesJapan/awswebinaraws # Page. 17 ![Page Image](https://bcdn.docswell.com/page/4JMZQ1GQEW.jpg) コンテンツ保護 ☁ アクセス制限 • IP制限、リージョン制限 • ユーザー認証 ☁ HLS暗号化 • 映像ストリームのリッピング防止 • 復号化キー・ローテーション ☁ Digital Rights Management • ライセンス管理 • 固有のデバイスへの認証 # Page. 18 ![Page Image](https://bcdn.docswell.com/page/PJR68LZK79.jpg) マルチビットレート ☁ Adaptive BitRate http://www.streamingmedia.com/Articles/Editorial/Featured-Articles/How-to-Encode-Video-for-HLS-Delivery-95251.aspx # Page. 19 ![Page Image](https://bcdn.docswell.com/page/PEXM8W957X.jpg) ツール ☁ とりあえずffmpeg神 • トランスコードはお手の物 • ほとんどのコーデックに対応 • 動画GIFもｗ # Page. 20 ![Page Image](https://bcdn.docswell.com/page/3EKGKVPRJD.jpg) その他 # Page. 21 ![Page Image](https://bcdn.docswell.com/page/L73NZMXG75.jpg) 動画配信サービス ☁ Brightcove ☁ LINE LIVE ☁ J-stream ☁ Facebook Live ☁ YouTube (Live) ☁ FRESH! by AbemaTV ☁ Ustream ☁ ･･･ ☁ mediapack # Page. 22 ![Page Image](https://bcdn.docswell.com/page/87DWR62NJG.jpg) 動画広告 ☁ プリロール・ミッドロール・ ポストロール ☁ インバナー・インリード・ インフィード ☁ インタースティシャル # Page. 23 ![Page Image](https://bcdn.docswell.com/page/VJP9WY1NE8.jpg) 会場・機材など ☁ 現場チェック • 撮影場所、電源、ネットワーク、スク リーンと登壇者の位置、カメラ数、音 声入力方法… ☁ 機材準備 • ビデオカメラ、ウェブカム • PC、LiveShell • 三脚、マイク • ガムテープ # Page. 24 ![Page Image](https://bcdn.docswell.com/page/2EVM8GYYEQ.jpg) 動画配信の未来 # Page. 25 ![Page Image](https://bcdn.docswell.com/page/57GG589W7L.jpg) データ配信 # Page. 26 ![Page Image](https://bcdn.docswell.com/page/4EQXZ9WQ7P.jpg) # Page. 27 ![Page Image](https://bcdn.docswell.com/page/KJ463XKY71.jpg) https://www.youtube.com/watch?v=HnntEkGfZxE # Page. 28 ![Page Image](https://bcdn.docswell.com/page/LE1V1NXN7G.jpg) # Page. 29 ![Page Image](https://bcdn.docswell.com/page/GEWL84KM72.jpg) https://vimeo.com/154109873 # Page. 30 ![Page Image](https://bcdn.docswell.com/page/47ZM82ZME3.jpg) # Page. 31 ![Page Image](https://bcdn.docswell.com/page/YJ6NPVZ5JV.jpg) https://vimeo.com/178228338 # Page. 32 ![Page Image](https://bcdn.docswell.com/page/GJ55KDWGJ4.jpg) # Page. 33 ![Page Image](https://bcdn.docswell.com/page/LE3NZM4PE5.jpg) # Page. 34 ![Page Image](https://bcdn.docswell.com/page/8EDWR6Q37G.jpg) mediapack # Page. 35 ![Page Image](https://bcdn.docswell.com/page/V7P9WYLPJ8.jpg) # Page. 36 ![Page Image](https://bcdn.docswell.com/page/2JVM8GQVJQ.jpg) 7月 始 年 開 16 ス 20 ービ サ mediapack（メディアパック）概要 ☁ AWS上の動画配信を行う専用環境の提供 ☁ 低コスト・軽装備なライブ配信とオンデマンド配信 ☁ 動画配信に必要な機能をワンパッケージ • 動画エンコーディング • PC/スマホ向けプレーヤー • ポータル機能 # Page. 37 ![Page Image](https://bcdn.docswell.com/page/5EGG58W1EL.jpg) AWSコンポーネントを組み合わせて 動画配信インフラを提供 Elemental Elastic Transcoder S3 CloudFront # Page. 38 ![Page Image](https://bcdn.docswell.com/page/4JQXZ93NEP.jpg) 本日の配信環境 制作会社 視聴者 cloudpack iPhone SONYハンディカム HDR-CX485 （約4.6万円） Cerevo LiveShell.2 （約4万円） Nginx + ffmpeg （エンコード） S3 （コンテンツ配信用 オリジンサーバー） S3（録画アーカイブ保存） Android CloudFront （コンテンツ配信） AWS Cloud PCブラウザ # Page. 39 ![Page Image](https://bcdn.docswell.com/page/K7463X13E1.jpg) まとめ ☁ 動画フォーマット・配信方法は様々ものが存在 するが、今後配信についてはMPEG-DASHが事 実上の標準に ☁ 現在の標準的なストリーミング手法はCDNやク ラウドインフラと親和性が高い ☁ これからはリアルタイム視聴以上の体験を得る ことが可能に # Page. 40 ![Page Image](https://bcdn.docswell.com/page/LJ1V1NGZEG.jpg) 参考文献 ☁ "MPEG DASH" vs "HLS"と標準化戦争 • http://clavius-voyage.blogspot.jp/2013/06/mpeg-dash-vs-hls.html ☁ AWS 導入事例: MLB Advanced Media • https://aws.amazon.com/jp/solutions/case-studies/major-league-baseballmlbam/ ☁ 360 度リプレイで未来のスポーツ観戦に変化のきざし - Intel iQ Japan • https://iq.intel.co.jp/360-degree-replay-technology-brings-fans-into-thefuture-of-sports/ ☁ FFmpeg • https://www.ffmpeg.org/ # Page. 41 ![Page Image](https://bcdn.docswell.com/page/GJWL84K6E2.jpg) # Page. 42 ![Page Image](https://bcdn.docswell.com/page/4EZM82ZRJ3.jpg)