第1回 html5j TV部 勉強会
2014/1/23
Live
配信システム
複数ビットレートファイル

DRM

ストリーミング コンテンツ保護
Common
MPEG-DASH Encryption
http://dashif.org/reference/players/javascript/1.0.0/index.html

http://ie.microsoft.com/testdrive/HTML5/eme/
Common
Encryption
↕ 映像ファイルの大
きさ
Server

PIFF

MPEG2-TS

F4V / MP4

データ構造

Smooth
Streaming

HLS

HDS

DRM

PlayReady

(AES256)

Adobe Access

Player

Silv...
Smooth Streaming

Http Live Streaming

Http Dynamic Streaming

Dynamic Adaptive Streaming over
HTTP (DASH)
リーチ機会の増加
• デバイス個別対応の
最小化
• 「ユニバーサルプレイ
ヤー」
リリース期間の最小化

ベンダーロックイン
からの解放
• 自分のビジネス計画を
優先できる

データ資産の保護
• 複数ベンダーから選択
できる
• 無駄なリ...
Server

PIFF

MPEG2-TS

F4V / MP4

ISO Based Media File
(MP4) / MPEG2-TS

データ構造

Smooth
Streaming

HLS

HDS

MPEG-DASH

DR...
http://caniuse.com/#feat=mpeg4

http://ja.wikipedia.org/wiki/%E5%9C%B0%E4%B8%8A%E3%83%87
%E3%82%B8%E3%82%BF%E3%83%AB%E3%83...
sourceBuffers

<video>

src

MediaSource

SourceBuffer
audio
SourceBuffer
video
<video>

msKeys

MSMediaKeys

MediaKeySession
DASH.JS
http://playerframework.codeplex.com/
<html>

<head>

<title>HTML5 VIDEO</title>
<script src="dash.all.js"></script>
<script>
// setup the video element and att...
Server

Progressive
Download

Smooth

HLS

HDS

MPEG-DASH
8K UHD
4320p (7680 x 4320)
4K UHD
2160p (3840 x 2160)

HD
1080i/1080p (1920 x 1080)
SD
480i
(720 x 480)
約50MB

10分

約200MB...
http://en.wikipedia.org/wiki/H.264
ファイルサイズ

エンコード時間

35%
程度減

http://iphome.hhi.de/wiegand/assets/pdfs/
2012_12_IEEE-HEVC-Performance.pdf

500 – 1,000倍
クラウドの活用 !?
仮想マシンで
サーバー環境作りま
くり?
Partner Technologies (Media Processors, Origin Servers, Live Encoders etc.)

(Fabric, Storage, Compute, Database)
Released...
Freew
heel


Ingest

Encoding

Format
Conversion

Content On-Demand
Live
Protection Streaming Streaming

Advertising

Ana...
Server

方式
Smooth

/manifest

HLS

/manifest(format=m3u8-aapl)

MPEG-DASH

Progressive
Download

URL最後に追加する文字列

/manifest(...
• 4Kは、もう間近
• MPEG-DASHと
Common Encryption
は、もう間近
• HEVCが、もうすぐ
やってくる!

次にくるもの

• 古いものも可能な限り
• デバイス依存のDRM
system

多様化対応を
熟考す...
MSDNサブスクリプション
Windows Azure 無料枠

http://aka.ms/TryAz
http://aka.ms/Free-Azure
Microsoft

You

© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product nam...
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。
Upcoming SlideShare
Loading in...5
×

第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。

7,800

Published on

第1回 html5j TV部 勉強会
MPEG-DASH。Microsoft 畠山分。

Published in: Technology

Transcript of "第1回 html5j TV部 勉強会 MPEG-DASH向けの動画配信。"

  1. 1. 第1回 html5j TV部 勉強会 2014/1/23
  2. 2. Live 配信システム 複数ビットレートファイル DRM ストリーミング コンテンツ保護 Common MPEG-DASH Encryption
  3. 3. http://dashif.org/reference/players/javascript/1.0.0/index.html http://ie.microsoft.com/testdrive/HTML5/eme/
  4. 4. Common Encryption
  5. 5. ↕ 映像ファイルの大 きさ
  6. 6. Server PIFF MPEG2-TS F4V / MP4 データ構造 Smooth Streaming HLS HDS DRM PlayReady (AES256) Adobe Access Player Silverlight など QuickTime など Flash Player など フォーマッ ト
  7. 7. Smooth Streaming Http Live Streaming Http Dynamic Streaming Dynamic Adaptive Streaming over HTTP (DASH)
  8. 8. リーチ機会の増加 • デバイス個別対応の 最小化 • 「ユニバーサルプレイ ヤー」 リリース期間の最小化 ベンダーロックイン からの解放 • 自分のビジネス計画を 優先できる データ資産の保護 • 複数ベンダーから選択 できる • 無駄なリソースを減ら す
  9. 9. Server PIFF MPEG2-TS F4V / MP4 ISO Based Media File (MP4) / MPEG2-TS データ構造 Smooth Streaming HLS HDS MPEG-DASH DRM PlayReady (AES256) Adobe Access Common Encryption +α Player Silverlight など QuickTime など Flash Player など HMTL5 MSE + EME フォーマッ ト
  10. 10. http://caniuse.com/#feat=mpeg4 http://ja.wikipedia.org/wiki/%E5%9C%B0%E4%B8%8A%E3%83%87 %E3%82%B8%E3%82%BF%E3%83%AB%E3%83%86%E3%83%AC% E3%83%93%E6%94%BE%E9%80%81
  11. 11. sourceBuffers <video> src MediaSource SourceBuffer audio SourceBuffer video
  12. 12. <video> msKeys MSMediaKeys MediaKeySession
  13. 13. DASH.JS http://playerframework.codeplex.com/
  14. 14. <html> <head> <title>HTML5 VIDEO</title> <script src="dash.all.js"></script> <script> // setup the video element and attach it to the Dash player function setupVideo() { var url = "http://wams.edgesuite.net/media/MPTExpressionData02/BigBuckBunny_1080p24_IYUV_2ch.ism/manifest(format=mpd-time-csf)"; var context = new Dash.di.DashContext(); var player = new MediaPlayer(context); player.startup(); player.attachView(document.querySelector("#videoplayer")); player.attachSource(url); } </head> <body> </html> </body> window.addEventListener("load", setupVideo, false); </script> <video controls id="videoplayer" width="80%" height="80%"></video>
  15. 15. Server Progressive Download Smooth HLS HDS MPEG-DASH
  16. 16. 8K UHD 4320p (7680 x 4320) 4K UHD 2160p (3840 x 2160) HD 1080i/1080p (1920 x 1080) SD 480i (720 x 480) 約50MB 10分 約200MB 約800MB 約3.2GB ?
  17. 17. http://en.wikipedia.org/wiki/H.264
  18. 18. ファイルサイズ エンコード時間 35% 程度減 http://iphome.hhi.de/wiegand/assets/pdfs/ 2012_12_IEEE-HEVC-Performance.pdf 500 – 1,000倍
  19. 19. クラウドの活用 !?
  20. 20. 仮想マシンで サーバー環境作りま くり?
  21. 21. Partner Technologies (Media Processors, Origin Servers, Live Encoders etc.) (Fabric, Storage, Compute, Database) Released Coming Soon Partners Azure CDN Partner CDNs “Build-On” Media Partners and Customers
  22. 22. Freew heel  Ingest Encoding Format Conversion Content On-Demand Live Protection Streaming Streaming Advertising Analytics Distribution Content Management Players
  23. 23. Server 方式 Smooth /manifest HLS /manifest(format=m3u8-aapl) MPEG-DASH Progressive Download URL最後に追加する文字列 /manifest(format=mpd-time-csf) Smooth HLS HDS MPEG-DASH
  24. 24. • 4Kは、もう間近 • MPEG-DASHと Common Encryption は、もう間近 • HEVCが、もうすぐ やってくる! 次にくるもの • 古いものも可能な限り • デバイス依存のDRM system 多様化対応を 熟考すべし!
  25. 25. MSDNサブスクリプション Windows Azure 無料枠 http://aka.ms/TryAz http://aka.ms/Free-Azure
  26. 26. Microsoft You © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

×