20180123 20分でlive配信aws media services（media live mediapackage）_pub

February 5, 2018
20分でLIVE配信！
MEDIALIVE/MEDIAPACKAGEによるライブチャネル作成DEMO
Hitoshi Anji
Solutions Architect
Amazon Web Services Japan

 AWS Elemental Media Servicesの操作をいち早く体験いただく
 MediaLive/MediaPackageを利用してすぐにライブチャネル配信して
いただけます
 今回はMediaLive@シンガポール、MediaPackage@東京のマルチリー
ジョンで構成します！
2
本セッションの目的

クラウドベースの映像処理、保存、収益化
AWS MEDIA SERVICESを発表• 放送品質レベルのメディアワークロード向け
マネージドサービス発表
– AWS Elemental MediaConvert
様々なフォーマットとコーデックをサポートし、ブロードキャストおよびマルチスク
リーン配信用ファイルベースのトランスコーディングサービス
– AWS Elemental MediaLive
ブロードキャストやストリーミング配信用のライブエンコーディングサービス
– AWS Elemental MediaPackage
単一の元素材から多種類のデバイスに対してセキュアなストリーミングを行うための
ジャストインタイムパッケージサービス。DRMや広告挿入もサポート
– AWS Elemental MediaStore
Amazon S3をベースとしたライブおよびオンデマンドビデオ用の高性能
メディア最適化ストレージサービス
– AWS Elemental MediaTailor
サーバサイド・クライアントサイドにおいて、コンテンツへパーソナライズされた広告
挿入を可能にするサービス

4
この資料で構築する構成：ライブチャネル配信構成
AWS Elemental
MediaLive
LIVE VIDEO PROCESSING
AWS Elemental
MediaPackage
ORIGINATION AND JUST-
IN-TIME PACKAGING
CDN
Amazon
CloudFrontLive Channel
SOURCE DISPLAY DEVICES
Multiple OTT devices
RTMP出力可能な
PC/MAC/iPhone Appなど
Ex) OBS/Zixi OnAir/nanoStream
RTMP HLS HLS
今回は設定済み
なくても
MediaPackageの
Endpointで直接確認可能
設定の流れさえわかれば、20分でライブチャネル配信が可能になります。
MediaPackageのMC
上にあるPreview
Or SafariなどHLS対応している
ブラウザでの視聴

 Step1：MediaPackageでのチャネル設定
 Step2：MediaLiveでのチャネル設定
 Step3：MediaLiveでのChannelの配信スタート
 Step4：Sourceとなる端末の設定：RTMPのソフトウェア設定
（OBS版/iPhone版）
 Step5：ライブチャネルの視聴
 Option：Cloudfront利用時の設定ステップ
 Option：MPEG-DASHでの配信ステップ
5
構築の流れ

6
構築ステップ&LIVE DEMO
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step1：MediaPackageでのチャネル設定
冗長化のためにChannelは２つ作ります！

7
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step2：MediaLiveでのチャネル設定

8
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step3：MediaLiveでのChannel配信スタート

9
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step4：Sourceとなる端末の設定：RTMPのソフトウェア設定、配信スタート

10
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step5：ライブチャネルの視聴

11
ここから確認可能です！
 イベント時にQRコードを表示しておりました

13
ここから実際の画面キャプチャーにて手順を記載します

14
構築ステップ
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step1：MediaPackageでのチャネル設定
冗長化のためにChannelは２つ作ります！

 AWS マネージメントコンソールにアクセス
「Media Package」を選択
 MediaPackageの画面にて
Create a new channelでChannelIDを入力「Next Step」を押す
かChannels画面に遷移していれば「Create」ボタンを押す
15
STEP1：MEDIAPACKAGEでのチャネル設定

 ID/Descriptionに「DemoChannel1」を入力、Input type（現在は
HLSのみ）を選択し「Create」を押す。
16

 Channel作成。「Input URL」「Username」「Passwords」はMedia
Live設定時に利用するのでメモ
17

 MediaPackage「DemoChannel1」画面へ戻り「Add endpoints」を
おす
18
STEP1：MEDIAPACKAGEでのENDPOINT設定

 「ID」にDemoChannelMPEndpointと入力、「Packager setting」で
Type「Apple HLS」、Segment durationを設定（最低でも3秒ぐらい）
し、「Save」をおす。
19

 DemoChannel1と同様にDemoChannel2も作っておく
20

 DemoChannel1と同様に設定、ENDPOINTを作成
21

 MediaPackage「Channels」画面へ戻り以下のように2つのChannelが
作成できていることを確認
22

23
構築ステップ
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step2：MediaLiveでのチャネル設定

 AWS マネージメントコンソールにアクセス
「MediaLive」を選択
 MediaLiveの画面にて
「Create channel」を押す
24
STEP2：MEDIALIVEでのチャネル設定

 Channel and input details画面にてまずはTemplateを指定する
「Live event」を選択
25

 「Channel name」にDemoLiveChannelと記入、初めての方はCreate
role from templateを選択しIAMRoleを作る。その後、下記のように
作ったRoleが選択されていることを確認し、「Create Input」をおす
26

 「Input name」にDemoInputChannelと入力、「Input type」は
RTMP(push)を選択、「Input security group」でCreateを選び、New
Security Groupのボックスの値に「0.0.0.0/0」を入力し作成（今回は携
帯から配信するため）、作成したものが選択されていることを確認
27

 同じ画面で下にスクロールし、「Input destinations」にStream
name/instanceを設定（DemoA/A、DemoB/B）、「Create」を押す
28

 「Channel and input details」画面にもどるので、Attach inputにて
先程作ったinputを選択、右の画面の様に表示されることを確認
29

 「Channel and input details」画面の「Output groups-1.HD」を選択
、HLS Group destination AにStep1で作った「DemoChannel1」の情
報を入力、「Create AWS 〜 parameter.」を押す
30
Mediapackage：MediaLive
Input URL→URL
Username→User Name
Password→Password value
※Nameは任意の値を入力

 同様にHLS Group destination BにStep1で作った「DemoChannel2
」の情報を入力、「Create AWS 〜 parameter.」を押す
31
Mediapackage：MediaLive
Input URL→URL
Username→User Name
Password→Password value
※Nameは任意の値を入力

 画面右上の「Create Channel」を押し、Live Channelを作成。
下のように一覧画面に作成したチャンネルが「Idle」状態でできている
ことを確認、Channelを選択し、「Start」をおす。
32

33
構築ステップ
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step3：MediaLiveでのChannel配信スタート

 MediaLive画面でChannels画面へ移動、「Start」を押し、Stateが
「Idle」→「Running」になることを確認。
34
STEP3：MEDIALIVEでのCHANNEL配信スタート

35
構築ステップ
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step4：Sourceとなる端末の設定：RTMPのソフトウェア設定、配信スタート

 OBSをダウンロード＆Install：こちらを参照
 入力ソースの設定：以下4ステップ
36
STEP4:OBSでの手順：RTMPソフトインストール＆入力設定

 OBSをダウンロード＆Install：こちらを参照
 出力先、出力画像の設定：MediaLive画面の「Input」ー「作成した
Channel 」ー「Endpoints」を参照して入力
37
STEP4:OBSでの手順：OBS出力設定
Aと入力
Endpointのポート番号,「DemoA/」までを入力

38
STEP4:OBSでの手順：OBS出力設定
 解像度などを選択（任意）

39
STEP4:OBSでの手順：OBS配信スタート！
「Start Streaming」
をClick！
緑色であることを確認

 App StoreでRTMPを出力できるソフトInstall・設定、「Protocol」
RTMP、URL/Stream NameはMediaLive画面の「Input」ー「作成し
たChannel 」ー「Endpoints」を参照して入力
40
STEP4:IPHONEでの手順：RTMPソフトインストール＆設定
c
URL: rtmp://xxx.xxx.xxx.xxx:1935/DemoA/
Stream Name: A
を入力(xxx部分はMediaLive設定画面の値)

 その他設定は環境、要件にあわせて設定
＃今回はCBRに設定。
41
STEP4:IPHONEでの手順：RTMPソフトインストール＆設定

 設定後、ソフトから配信スタートをする
ソフト上エラーが出ていないことを確認
42
STEP4:IPHONEでの手順：配信スタート！

43
構築ステップ
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
Step5：ライブチャネルの視聴

 MediaPackage画面でChannels-DemoChannel1を選択、「Preview」
Playリンクを押すとプレビュー画面が表示され、ライブ映像が映ること
を確認。
44
STEP5：ライブチャネルの視聴：MEDIAPACKAGEのMC上

 MediaPackage画面でChannels-DemoChannel1を選択、「URL」をコ
ピーしSafari等のHLS対応ブラウザで表示
※「QR code」リンクを押してQRコード表示しURLを伝達することも可
45
STEP5：ライブチャネルの視聴：MEDIAPACKAGEのMC上

46
この資料で構築する構成：CDNの設定は？
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS HLS
今回は設定ステップを紹介
3ステップで設定

47
(追加)CLOUDFRONTをつかった連携-1
1.ServiceからCloudFront
を選択
2.Create Distributionを
クリック
3.WebのGet Startedをク
リック

48
(追加)CLOUDFRONTをつかった連携-2
4.Origin Settingsに
MediaPackageのEndpointを
入力し、Origin Protocol
PolicyにHTTPS Onlyを選択
5.作成されたDistributionのDomain
Nameの値にURLのドメイン部分を
変更して確認
XXXX.mediapackage.$REGION.amazonaws.com
$CloudFront
https://XXXX.mediapackage.$REGION.amazonaws.com/….m3u8
https://$CloudFront.cloudfront.net/….m3u8
ドメイン以降の値はそのまま利用

49
この資料で構築する構成：MPEG DASHは？
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
IN-TIME PACKAGING
CDN
Amazon
RTMP HLS
MPEG-DASH
MediaPackageでEndpointを追加するだけで可能
今回は設定ステップを紹介
3ステップで設定

50
(追加)DASHでの配信を追加してみる
1.Media Package >
Channelsから
「DemoChannel1」を
選び、Add/edit
endpointsを選択
2.Packager settingsでDASH-ISOを
選択
（それ以外の値（ID/Descriptionな
ど）も同様の手順で入力する）
3.URLをコピーしDASHの
Reference Clientなどで
確認する
https://reference.dashif.org/dash.js/

20180123 20分でlive配信aws media services（media live mediapackage）_pub

More Related Content

What's hot

Similar to 20180123 20分でlive配信aws media services（media live mediapackage）_pub

More from Kameda Harunobu

20180123 20分でlive配信aws media services（media live mediapackage）_pub

Editor's Notes