1. 10分で作る!?
ライブストリーミングサーバー
2013-10-26 第3回JAWS-UG Okayama
ふるさと たけし

2. 自己紹介






名前：古里武士(ふるさとたけし)
初心者です。
JAWS-UG Okayama 雑用スタッフ係
プログラマー
好きなAWSサービス：
Amazon S3
好きなAWSクラウドデザインパターン：
Direct Hostingパターン

3. アジェンダ
動画配信の概要
 AWSでFMSしてみる
 デモ

FMS AMI導入手順
 ライブ配信導入手順


4. おことわり
あっ。。。初心者です。

5. 動画配信の概要
ダウンロード
プログレッシブダウンロード
HTTPストリーミング

6. 動画配信の概要

ダウンロード





動画ファイルをダウンロードした後に再生。
HTTPプロトコルを利用
(サーバー側はHTTPサーバーのみで配信可能)
ダウンロードが完了しない限り、再生を開始しない。
クライアントに動画ファイルが残る。
プログレッシブダウンロード




動画ファイルをダウンロードしながら再生が可能
(追っかけ再生)
HTTPプロトコルを利用
(サーバー側はHTTPサーバーのみで配信可能)
未ダウンロード部分へのシークはダウンロード待ちが発生
クライアントに動画ファイルが残る

7. 動画配信の概要

HTTPストリーミング





HTTPプロトコルを利用
サーバー側に専用の配信ソフトウェアや、独自の配信ファイル
が必要
クライアントに配信データが残らないようにすることが可能
配信データを受信しながら再生するので再生の開始が早い
オンデマンド配信、ライブ配信の両者に対応可能である。
本日は、HTTPストリーミングで
ライブ配信をしてみます。

8. AWSでFMSしてみる
2012年4月から FlashMediaServerがAWSをサポート
FMSがプリインストールされたAMIが
用意されています！！

9. AWSでFMSしてみる
Flash Media Server 5
on Amazon Web Servicesの特徴

安定した配信インフラの利用




EC2(スケールアップ、ダウン)
CloudFrontの利用
AWSのネットワーク
AWS専用FMSバージョンの提供


FMS
Adobe Media Server Standard と同等の機能

10. 本日のデモの内容

11. 構成
本日作成する構成
■ライブ配信環境
Camera
FalshMediaLive
Encoder
Client PC
Internet
FMS
EC2
Internet
Client
SmartPhone

12. FMS AMI導入手順
1.
2.
3.
4.
FMSサブスクリプション購入
AMIからFMSインスタンスを起動
セキュリティグループの設定
インスタンス起動

13. FMS AMI導入手順
1. FMSサブスクリプション購入
AWSでFMSを利用するためには、事前にAmazonPaymentにて、
FMSのサブスクリプションを購入する必要があります。
http://www.adobe.com/jp/products/amazon-web-services.html

14. FMS AMI導入手順
ちなみにお値段は？
http://www.adobe.com/products/amazon-web-services/pricing-intl.html

15. FMS AMI導入手順
2. AMIからFMSインスタンスを起動
チェックして「Launch」します。
AMIの情報はこちら
http://helpx.adobe.com/adobe-media-server/kb/flash-media-serveramazon-machine.html

16. FMS AMI導入手順
2. AMIからFMSインスタンスを起動
インスタンスはm1.large以上の選択。

17. FMS AMI導入手順
3. セキュリティグループの設定
開放するポートは以下のとおり
tcp
22、80、443、1111、1935、8134
udp
1935、19350-65535

18. FMS AMI導入手順
4. インスタンス起動
http://[インスタンスのIPアドレス]
右のようなページが表示されればOK

19. ライブ配信導入手順
１．FlashMediaLiveEncoder(無償)のイン
ストール
２．FlashMediaLiveEncoderの設定
①カメラを接続
②FlashMediaLiveEncoderを起動
③パラメータの設定
④FMSサーバーへ接続
⑤ライブ配信スタート

20. ライブ配信導入手順
１．FlashMediaLiveEncoder(無償)のイン
ストール
以下のURLより、ダウンロードします。
http://www.adobe.com/jp/products/flash-media-encoder.html
※Adobeのアカウントが必要です。

21. ライブ配信導入手順
１．FlashMediaLiveEncoder(無償)のイン
ストール
HTTP経由での配信をするためには、以下のファイルを変更する必要があります。
C:¥Program Files (x86)¥Adobe¥Flash Media Live Encoder 3.2¥Conf¥config.xml
<flashmedialiveencoder_config>
<mbrconfig>
<streamsynchronization>
<enable>true</enable>
false → true に変更

22. ライブ配信導入手順
２．FlashMediaLiveEncoderの設定
①カメラを接続
②FlashMediaLiveEncoderを起動

23. ライブ配信導入手順
２．FlashMediaLiveEncoderの設定
③パラメータの設定


「preset」で「MediumBandwidth 300Kbps H.264」
「Format」の「Adbanced Encode Setting」の
「KeyFrame Frequency」を4secondsに設定(FMSと合わせ
る）

24. ライブ配信導入手順
２．FlashMediaLiveEncoderの設定
④FMSサーバーへ接続


「Panel Options」にてOutputを選択
以下の設定をおこなう
項目
設定
FMS URL
rtmp://[public-dns]/livepkgr
Stream
livestream?adbe-live-event=liveevent&adbe-recordmode=record

25. ライブ配信導入手順
２．FlashMediaLiveEncoderの設定
⑤ライブ配信スタート
iPhoneやAndroid端末で、以下にアクセス
http://[インスタンスのIPアドレス]/
hls-live/livepkgr/_definst_/liveevent/livestream.m3u8

26. ありがとうございました
参考資料
http://aws.typepad.com/aws_japan/2011/04/live-streamingwith-amazon-cloudfront-and-adobe-flash-media-server.html
http://docs.aws.amazon.com/AmazonCloudFront/latest/Deve
loperGuide/LiveStreamingAdobeMediaServer5.0.html?r=3782
http://www.slideshare.net/AmazonWebServicesJapan/2012
0423-aws-meisterreloadedfmsonaws