19
Windows Azure Media Services を 活用したサービスを始める前に 2013年09月07日(土)13:00-18:00 【祝】Azure日本DC前夜祭!★ Japan Windows Azure User Group 3周年 せき@fullvirtue 1 Copyright © @fullvirtue. All rights reserved.

2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

  • Upload
    -

  • View
    610

  • Download
    1

Embed Size (px)

Citation preview

Page 1: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

Windows Azure Media Services を 活用したサービスを始める前に

2013年09月07日(土)13:00-18:00

【祝】Azure日本DC前夜祭!★

Japan Windows Azure User Group 3周年

せき@fullvirtue

1 Copyright © @fullvirtue. All rights reserved.

Page 2: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

Copyright © @fullvirtue. All rights reserved. 2

http://togetter.com/li/560322

Page 3: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

おことわり(1/1)

今回の資料について 本内容はMicrosoftより許可を得て、一部他資料をそのまま利用しています

今回の資料は、以下の資料を参考にしています。 私自身のオリジナルはほとんどありませんので、ご了承ください。

– はじめての Windows Azure メディア サービス

» http://msdn.microsoft.com/ja-jp/windowsazure/dn133199

– Media Services SDK for .NET を使用したアプリケーション構築

» http://msdn.microsoft.com/ja-jp/en-us/library/windowsazure/hh973613.aspx

– msdn - Windows Azure Media Services

» http://msdn.microsoft.com/ja-jp/library/hh973629

– Windows Azure Media Services Poster

» http://www.microsoft.com/en-us/download/details.aspx?id=38195

– ScottGu’s Blog: Windows Azure Media Services and London 2012 Olympics

» http://weblogs.asp.net/scottgu/archive/2012/08/21/windows-azure-media-services-and-the-london-2012-olympics.aspx

Copyright © @fullvirtue. All rights reserved. 3

Page 4: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

まずは最初に、、、

用語のご紹介

動画のファイルをシステムの管理下に置く事を 「インジェスト」と呼びます

– Windows Azure はクラウド上にあるため、多くのシナリオでは クラウドへのファイルのアップロードとなります

Windows Azure メディア サービスの内部では、 動画のファイルは「アセット」という単位で管理されています

– インジェストを行う際には、空のアセットを作成し、そこに「アセット ファイル」を追加していく作業となります

– アセット ファイルは実ファイルそのものです

– ストリーミングの方式に由来し、複数のファイルが必要となります

Copyright © @fullvirtue. All rights reserved. 4

Page 5: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

まずは最初に、、、

Windows Azure 管理ポータルでの配信手順

1. Ingest:ファイルのアップロード

– 動画のファイルをシステムに取り込む(管理下に置く)

2. Process:エンコード(正確にはトランスコード)

– Windows Azure 管理ポータルの画面は「エンコード」と記載

[参考:言葉の正確な定義]

» エンコード:アナログ→デジタルの変換を行う

» トランスコード:デジタル→デジタルの変換を行う

Manage:管理

– コンテンツの管理

3. Delivery:配信

– ダウンロード、ストリーミング等にて、動画の配信を行う

Copyright © @fullvirtue. All rights reserved. 5

Page 6: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

まずは最初に、、、

再生できなかった場合のトラブルシューティング

IIS上で、MAXビットレートを1,600kbpsにする必要があります

– Azureは1,600に設定されています

再生ができなかったらファイルの詳細でビットレートを確認 してください

ビットレートが大きすぎたら、エンコードでビットレートを 下げてください

Windows OS では、iOS用の動画は再生できません

Copyright © @fullvirtue. All rights reserved. 6

Page 7: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

まずは最初に、、、

安定した実行・パフォーマンスのための 「占有」型

[スケール] タブ内の [ON-DEMAND STREAMING]や [ENCODING] に割り当てるユニットを増やします

– 反映にある程度時間がかかり、課金額も増えます

Copyright © @fullvirtue. All rights reserved. 7

Page 8: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

まずは最初に、、、

エンコードにまつわるお話

エンコードという言葉は、正確にはトランスコードに該当

Copyright © @fullvirtue. All rights reserved. 8

[メモ] 実際のエンコードでは、コーデック、画角などの細かい設定が必要です。これらをテンプレートとしてまとめたものを「プリセット」と呼びます。 管理ポータルでは、[主なプリセット]と[詳細なプリセット]から選択可能です。APIを使うと、もっと細かい設定も可能となります。

Page 9: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

8K UHD 4320p (7680 x 4320)

まずは最初に、、、

高解像度が生む巨大なファイル

Copyright © @fullvirtue. All rights reserved. 9

4K UHD 2160p (3840 x 2160)

HD 1080i/1080p (1920 x

1080) SD

480i (720 x 480)

10分

約50MB

約200MB

約800MB

約3.2GB ?

Page 10: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

まずは最初に、、、

Smooth Streaming

Smooth Streaming を実施する際の動画ファイル » .ismv が動画ファイルそのもの

» HTML5 の VIDEO タグでは、執筆時点では MP4 ファイルの プログレッシブ ダウンロードでしか配信が出来ないため、 このような複数のビット レートのファイルは作成されません

Copyright © @fullvirtue. All rights reserved. 10

Page 11: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

おまけ

Smooth Streaming のSample Player

Smooth Streaming

– HelthMonitor Tool サイト

» http://smf.cloudapp.net/healthmonitor

» 任意の場所にある ismファイル指定が出来る

– Microsoft Media Platform: Player Framework

» Windows 8

http://playerframework.codeplex.com/releases/view/94684

» Silverlight

http://smf.codeplex.com/releases/view/88970

HTML5 <video> (iOS用)

Copyright © @fullvirtue. All rights reserved. 11

<video width="640" height="480" src="http://<your url>/hogehoge.mp4" autoplay controls > ご利用の Web ブラウザー では再生できません </video>

Page 12: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

Windows Azure Media Playerの事例

ブラウザーだけでも、ここまで出来る!という事例

Copyright © @fullvirtue. All rights reserved. 12

http://www.justafriend.ie/

Page 13: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

Windows Azure Media Playerの事例

日本では閲覧できませんが…

Copyright © @fullvirtue. All rights reserved. 13

Page 14: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

動画にまつわるお話

対応動画ファイル – Windows Azure Media Encoder でサポートされている

コーデックとファイルの種類

» http://msdn.microsoft.com/ja-jp/library/hh973634

Copyright © @fullvirtue. All rights reserved. 14

ビデオコーデック •H.264 (Baseline、Main、および High Profile) •MPEG-1 •MPEG-2 (Simple および Main Profile) •MPEG-4 v2 (Simple Visual Profile および Advanced Simple Profile) •VC-1 (Simple、Main、および Advanced Profile) •Windows Media ビデオ (Simple、Main、および Advanced Profile) •DV (DVC、DVHD、DVSD、DVSL)

ビデオファイル形式

ファイル形式 ファイル拡張子

•3GPP、3GPP2 •Advanced Systems Format (ASF) •Advanced Video Coding High Definition (AVCHD) [MPEG-2 トランスポート ストリーム] •Audio-Video Interleaved (AVI) •Digital camcorder MPEG-2 (MOD) •デジタル ビデオ (DV) カメラ ファイル •DVD トランスポート ストリーム (TS) ファイル •DVD ビデオ オブジェクト (VOB) ファイル •Expression Encoder Screen Capture Codec ファイル •MP4 •MPEG-1 システム ストリーム •MPEG-2 ビデオ ファイル •スムーズ ストリーミング ファイル形式 (PIFF 1.3) •Windows Media ビデオ (WMV)

.3gp、.3g2、.3gp2

.asf

.mts、.m2ts

.avi

.mod

.dv

.ts

.vob

.xesc

.mp4

.mpeg、.mpg

.m2v

.ismv

.wmv

Page 15: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

動画にまつわるお話

対応動画ファイル – Windows Azure Media Encoder でサポートされている

コーデックとファイルの種類

» http://msdn.microsoft.com/ja-jp/library/hh973634

Copyright © @fullvirtue. All rights reserved. 15

オーディオコーデック •AC-3 (Dolby Digital オーディオ) •AAC (AAC-LC、HE-AAC v1 と AAC-LC コア、および HE-AAC v2 と AAC-LC コア) •MP3 •Windows Media オーディオ (Windows Media オーディオ Standard、Windows Media オーディオ Professional、および Windows Media オーディオ ロスレス)

オーディオファイル形式 ファイル形式 ファイル拡張子

•AC-3 (Dolby Digital) オーディオ •Audio Interchange File Format (AIFF) •Broadcast Wave Format •MP3 (MPEG-1 Audio Layer 3) •MP4 オーディオ •MPEG-4 オーディオ ブック •WAVE ファイル •Windows Media オーディオ

.ac3

.aiff

.bwf

.mp3

.m4A

.m4b

.wav

.wma

画像ファイル形式 ファイル形式 ファイル拡張子

•ビットマップ •GIF、アニメーション GIF •JPEG •PNG •TIFF •WPF Canvas XAML

.bmp

.gif

.jpeg、.jpg

.png

.tif

.xaml

Page 16: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

動画にまつわるお話

対応動画ファイル – Windows Azure Media Encoder でエクスポート用に

サポートされているコーデックとファイルの種類

» http://msdn.microsoft.com/ja-jp/library/hh973634

» Media Servicesでサポートされているコーデックの詳細

http://msdn.microsoft.com/en-us/library/windows/desktop/ff819077.aspx

» Media Servicesでサポートされているフィルターの詳細

http://msdn.microsoft.com/en-us/library/windows/desktop/dd375464.aspx

Copyright © @fullvirtue. All rights reserved. 16

ファイル形式 ビデオ コーデック オーディオ コーデック

•Windows メディア (*.wmv、.wma) •VC-1 (Advanced、Main、および Simple Profile)

•Windows Media オーディオ Standard •Windows Media オーディオ Professional •Windows Media オーディオ音声 •Windows Media オーディオ ロスレス

•MP4 (*.mp4)

•H.264 (High、Main、および Baseline Profile)

•AAC-LC •HE-AAC v1 •HE-AAC v2

•スムーズ ストリーミング ファイル形式 (PIFF 1.1) (*.ismv、*.isma)

•VC-1 (Advanced Profile) •H.264 (High、Main、および Baseline Profile)

•Windows Media オーディオ Standard •Windows Media オーディオ Professional •AAC-LC •HE-AAC v1 •HE-AAC v2

Page 17: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

動画にまつわるお話

動画ファイルの構造

Copyright © @fullvirtue. All rights reserved. 17

Page 18: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

動画にまつわるお話

Copyright © @fullvirtue. All rights reserved. 18

(standard) Streaming

3Mbps

Streaming Server

HTTP Progressive Download

RTMP / RTSP / MMS etc …

3Mbps

Web Server HTTP Cache

Adaptive bitrate Streaming over HTTP 3Mbps

Streaming Server HTTP Cache

1Mbps

512 kbps

256 kbps

No Live!

配信技術の変遷

Page 19: 2013/09/07(土) Windows Azure Media Services を活用したサービスを始める前に #jazug #azurejp

Copyright © @fullvirtue. All rights reserved. 19

ご静聴ありがとうございました。