2013年4月28日に行われた Windows Azure BootCamp のメディアサービス編です。

1. Windows Azure BootCamp JP
～メディアサービス編～
2013年4月27日
#jazug
割と普通
@normalian

2. 自己紹介
• 割と普通 ( @normalian )
– 普段は社蓄（ｷﾘｯ
– Windows Azure と ASP.NET とか得意です
– JavaEE5 とか JavaEE6 とかも得意です
– JAZUG のコミュニティメンバになって 2年が
たちました
– Microsoft MVP for Windows Azure 2010～
2

3. メディアサービスの全体像
3
http://www.microsoft.com/en-us/download/details.aspx?id=38195

4. TrainingKit にない…
(´；ω；｀)ﾌﾞﾜｯ
4
いっちがない…

5. コマンドラインツール にない
… (´；ω；｀)ﾌﾞﾜｯ
5
いっちがない…

6. 6
こ
の
は
て
し
な
く
遠
い
動
画
配
信
坂
を
よ
・
・
・
オ
レ
は
よ
う
や
く
の
ぼ
り
は
じ
め
た
ば
か
り
だ
か
ら
な
未
完

7. だが既に GA だ！
7

8. 8
はじめに
メディアサービスとは
管理ポータルからの利用
ソースコードからの利用
まとめ

9. 9
動画配信にまつわるエトセトラ
スマートフォン タブレット
PC
クライアント側 サーバ側

10. 10
動画配信にまつわるエトセトラ
スマートフォン タブレット
PC
クライアント側 サーバ側
まずは
クライアント側で

11. ○ (一応)マルチデバイスで利用可能
○ JavaScript プラグインが多々
× ブラウザ毎に対応 codec が異なる
× 暗号化が厳しい
○ ストリーミング再生／凝った再生系
が対応可能(※注)
× iPhone/iPad で利用できず、
Android 側も微妙
○ デバイスの隠された機能もフル活用
× デバイス毎に頑張って実装が必要
11
クライアント側のおさらい 1/2
RIA
Native
機能低
汎用高
機能高
汎用低 ※注 HTTP Live Streaming の場合 HTML5 でも可能

12. クライアント側のおさらい 2/2
ブラウザ MP4(H.264) WebM Ogg
IE9 以降 ○ △
Firefox △ ○ ○
Chrome ○ ○ ○
Safari ○
Opera ○ ○
12
• HTML5 での動画再生
– ブラウザ毎で対応 Codec がバラバラ
– MP4 が良さげだが PC 向けだけなら RIA ？
△ …プラグインを別途インストールで再生可能

13. 13
動画配信にまつわるエトセトラ
スマートフォン タブレット
PC
クライアント側 サーバ側
次は
サーバ側で

14. 14
動画配信サーバの課題
• 動画ファイルが重すぎ
– 一つのファイルが大きすぎて格納しきれない
– マルチデバイス向けに複数エンコードも…
• 配信サーバに負荷がかかりまくり
– 動画ファイルを大量に配信すると負荷が…
– エンコードの CPU 負荷が大きすぎ
• 通信回線が遅い
– 細い回線だとつらい

15. 15
メディアサービス+αで解決！
• 動画ファイルが重すぎ
– クラウドストレージがあるよ！
※アップロードは無料ですし(/ω＼)ｲﾔﾝ
• 配信サーバに負荷がかかりまくり
– クラウドの CPU リソースを使えばいいよ！
• 通信回線が遅い
– 容量小さめの動画エンコード＋キャッシュ！

16. 16
サーバ側の課題をクラウドで解決！
① 配信制御＆エンコーディング機能
– Windows Azure メディアサービス
• Silverlight + IIS Smooth Streaming でスト
リーム再生
② コンテンツキャッシュ機能
– ストレージサービス（ BLOB ）
– Windows Azure Contents Delivery Network
※注 メディアサービスはクライアント再生側
の機能ではないのです

17. 配信制御＆エンコーディング機能
動画エンコード
iPhone 向け Android向け
• 色々なデバイスに対する動画が配信可能！
PC 向け
動画配信の制御

18. 18
はじめに
メディアサービスとは
管理ポータルからの利用
ソースコードからの利用
まとめ

19. 19
まずは弄ってみよう
管理ポータルで demo ...
• Windows Azure メディアサービス
① クラウドストレージに動画を格納
② クラウド上で動画をエンコード
③ エンコードした動画を公開＆配信

20. 管理ポータルからのアップロード
• ローカル or BLOB から動画をアップロード可能
20

21. 管理ポータルでエンコード 1/2
• ローカル or BLOB から動画をアップロード可能
21
色々とエンコード対応可能

22. 管理ポータルでエンコード 2/2
• [ジョブ] タブからエンコードの状態を確認
22
ジョブの状態

23. 管理ポータルで配信
• [発行] ボタンで配信
23
• 発行 URL はストリーミング配信か否かで異なる
• https://＜ストレージサービスアカウント名
＞.blob.core.windows.net/asset-<中略>
• http://<メディアサービスアカウント名
>.origin.mediaservices.windows.net/<中略
>.ism/Manifest
動画を選らんで [発行]
ボタンを押下

24. 管理ポータルでスケールアウト
• 「ストリーム配信」と「エンコード」のリソース
を制御
24

25. 25
はじめに
メディアサービスとは
管理ポータルからの利用
ソースコードからの利用
まとめ

26. 26
ライブラリは NuGet で取得
• [NuGet パッケージ管理] から検索
「Media Service」で検索

27. 27
エンコーディングの実装
ソースコードで demo ...
① クラウドストレージに動画を格納
② クラウド上で動画をエンコード
③ エンコードした動画を公開＆配信
※REST API + Java SDK も公開

28. 28
①クラウドストレージへの格納
//Media Service 制御用のコンテキスト作成
var context =
new CloudMediaContext(_accountName, _accountKey);
// 動画格納用のインスタンスを作成
var asset = context.Assets.Create("某店舗動画",
AssetCreationOptions.None);
// 実ファイルを取得
var assetFile =
asset.AssetFiles.Create(Path.GetFileName(filePath));
// 動画のアップロード
assetFile.Upload(filePath);
ストレージ暗号化もできるが、
デバッグ時にはお勧めできない

29. 29
②クラウドでのエンコード
CloudMediaContext context = <略>;
var asset = <略>;
//ジョブの作成と実行
var job = context.Jobs.Create("Encoding Job");
var task = job.Tasks.AddNew("Encoding Task",
GetMediaProcessor("Windows Azure Media Encoder",
context),
"H264 Broadband SD 4x3",
TaskOptions.None);
task.InputAssets.Add(asset);
task.OutputAssets.AddNew(“動画 – エンコード版",
AssetCreationOptions.None);
job.Submit();
※参考 http://msdn.microsoft.com/en-
us/library/windowsazure/jj129582.aspx
プリセット文字列
のみ利用可

30. 30
③動画の公開＆配信
CloudMediaContext context = <略>;
var asset = <略>;
// 許可属性を作成
IAccessPolicy accessPolicy =
context.AccessPolicies.Create("30日読みとり許可",
TimeSpan.FromDays(30),
AccessPermissions.Read);
// 配置情報の付与
ILocator locator =
context.Locators.CreateLocator(LocatorType.Sas,
asset,
accessPolicy,
DateTime.UtcNow.AddDays(-1));
ストリーミング再生用の
locator ではここが異なる

31. 地味に管理ポータル凄い
31
コピペ可能なスニペット
が取得可能

32. 32
はじめに
メディアサービスとは
管理ポータルからの利用
ソースコードからの利用
まとめ

33. 33
まとめ
• そもそものターゲットを決めましょう
– マルチデバイスし過ぎは即死の元
• 高度な再生を求めなければ HTML5 で
– ストリーミング再生とかいるなら RIA で再生
• クラウドを利用して手間を減らそう
– 大きいファイル、一時的に大き目な CPU リ
ソースはクラウドが得意

34. 34
参考情報
• Building Applications with the Media Services
SDK for .NET
– http://msdn.microsoft.com/en-
us/library/windowsazure/hh973613.aspx
• はじめての Windows Azure メディア サービス
– http://msdn.microsoft.com/ja-
jp/windowsazure/dn133199.aspx
• Windows Azure Media Services Poster
– http://www.microsoft.com/en-
us/download/details.aspx?id=38195

35. 参考情報( HTML5 向け)
• JavaScript プラグイン多め
35
VideoJs
Player Framework

36. 参考情報( RIA向け )
36
• RIA 向けの http://smf.codeplex.com/
<Core:SMFPlayer Name="SMFPlayer">
<Core:SMFPlayer.Playlist>
<Media:PlaylistItem
DeliveryMethod=“AdaptiveStreaming”
MediaSource=“http://<XXX>.origin.mediaservices.w
indows.net/bc13bfec-c83c-4307-8447-
64f959bb9222/AGDRec.ism/Manifest"/>
</Core:SMFPlayer.Playlist>
</Core:SMFPlayer>

37. 37
Q&A