第3回 JAWS-UG Okayama 10分でつくる!?ライブストリーミングサーバー

Transcript

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. 構成 本日作成する構成 FMS Internet Internet ▪ライブ配信環境 Camera FalshMediaLive Encoder EC2 Client SmartPhone Client PC
12. FMS AMI導入手順 1. FMSサブスクリプション購入 2. AMIからFMSインスタンスを起動 3. セキュリティグループの設定 4. インスタンス起動
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インスタンスを起動 AMIの情報はこちら http://helpx.adobe.com/adobe-media-server/kb/flash-media-server- amazon-machine.html チェックして「Launch」します。
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-record- mode=record
25. ライブ配信導入手順 ２．FlashMediaLiveEncoderの設定 ⑤ライブ配信スタート iPhoneやAndroid端末で、以下にアクセス http://[インスタンスのIPアドレス]/ hls-live/livepkgr/_definst_/liveevent/livestream.m3u8
26. ありがとうございました 参考資料 http://aws.typepad.com/aws_japan/2011/04/live-streaming- with-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