第3回 JawsUG okayama 10分でつくる!?ライブストリーミングサーバー

3,588 views
3,474 views

Published on

第3回 JawsUG okayama 10分でつくる!?ライブストリーミングサーバー

  1. 1. 10分で作る!? ライブストリーミングサーバー 2013-10-26 第3回JAWS-UG Okayama ふるさと たけし
  2. 2. 自己紹介       名前:古里武士(ふるさとたけし) 初心者です。 JAWS-UG Okayama 雑用スタッフ係 プログラマー 好きなAWSサービス: Amazon S3 好きなAWSクラウドデザインパターン: Direct Hostingパターン
  3. 3. アジェンダ 動画配信の概要  AWSでFMSしてみる  デモ  FMS AMI導入手順  ライブ配信導入手順 
  4. 4. おことわり あっ。。。初心者です。
  5. 5. 動画配信の概要 ダウンロード プログレッシブダウンロード HTTPストリーミング
  6. 6. 動画配信の概要  ダウンロード      動画ファイルをダウンロードした後に再生。 HTTPプロトコルを利用 (サーバー側はHTTPサーバーのみで配信可能) ダウンロードが完了しない限り、再生を開始しない。 クライアントに動画ファイルが残る。 プログレッシブダウンロード     動画ファイルをダウンロードしながら再生が可能 (追っかけ再生) HTTPプロトコルを利用 (サーバー側はHTTPサーバーのみで配信可能) 未ダウンロード部分へのシークはダウンロード待ちが発生 クライアントに動画ファイルが残る
  7. 7. 動画配信の概要  HTTPストリーミング      HTTPプロトコルを利用 サーバー側に専用の配信ソフトウェアや、独自の配信ファイル が必要 クライアントに配信データが残らないようにすることが可能 配信データを受信しながら再生するので再生の開始が早い オンデマンド配信、ライブ配信の両者に対応可能である。 本日は、HTTPストリーミングで ライブ配信をしてみます。
  8. 8. AWSでFMSしてみる 2012年4月から FlashMediaServerがAWSをサポート FMSがプリインストールされたAMIが 用意されています!!
  9. 9. AWSでFMSしてみる Flash Media Server 5 on Amazon Web Servicesの特徴  安定した配信インフラの利用     EC2(スケールアップ、ダウン) CloudFrontの利用 AWSのネットワーク AWS専用FMSバージョンの提供   FMS Adobe Media Server Standard と同等の機能
  10. 10. 本日のデモの内容
  11. 11. 構成 本日作成する構成 ■ライブ配信環境 Camera FalshMediaLive Encoder Client PC Internet FMS EC2 Internet Client SmartPhone
  12. 12. FMS AMI導入手順 1. 2. 3. 4. FMSサブスクリプション購入 AMIからFMSインスタンスを起動 セキュリティグループの設定 インスタンス起動
  13. 13. FMS AMI導入手順 1. FMSサブスクリプション購入 AWSでFMSを利用するためには、事前にAmazonPaymentにて、 FMSのサブスクリプションを購入する必要があります。 http://www.adobe.com/jp/products/amazon-web-services.html
  14. 14. FMS AMI導入手順 ちなみにお値段は? http://www.adobe.com/products/amazon-web-services/pricing-intl.html
  15. 15. FMS AMI導入手順 2. AMIからFMSインスタンスを起動 チェックして「Launch」します。 AMIの情報はこちら http://helpx.adobe.com/adobe-media-server/kb/flash-media-serveramazon-machine.html
  16. 16. FMS AMI導入手順 2. AMIからFMSインスタンスを起動 インスタンスはm1.large以上の選択。
  17. 17. FMS AMI導入手順 3. セキュリティグループの設定 開放するポートは以下のとおり tcp 22、80、443、1111、1935、8134 udp 1935、19350-65535
  18. 18. FMS AMI導入手順 4. インスタンス起動 http://[インスタンスのIPアドレス] 右のようなページが表示されればOK
  19. 19. ライブ配信導入手順 1.FlashMediaLiveEncoder(無償)のイン ストール 2.FlashMediaLiveEncoderの設定 ①カメラを接続 ②FlashMediaLiveEncoderを起動 ③パラメータの設定 ④FMSサーバーへ接続 ⑤ライブ配信スタート
  20. 20. ライブ配信導入手順 1.FlashMediaLiveEncoder(無償)のイン ストール 以下のURLより、ダウンロードします。 http://www.adobe.com/jp/products/flash-media-encoder.html ※Adobeのアカウントが必要です。
  21. 21. ライブ配信導入手順 1.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. 22. ライブ配信導入手順 2.FlashMediaLiveEncoderの設定 ①カメラを接続 ②FlashMediaLiveEncoderを起動
  23. 23. ライブ配信導入手順 2.FlashMediaLiveEncoderの設定 ③パラメータの設定   「preset」で「MediumBandwidth 300Kbps H.264」 「Format」の「Adbanced Encode Setting」の 「KeyFrame Frequency」を4secondsに設定(FMSと合わせ る)
  24. 24. ライブ配信導入手順 2.FlashMediaLiveEncoderの設定 ④FMSサーバーへ接続   「Panel Options」にてOutputを選択 以下の設定をおこなう 項目 設定 FMS URL rtmp://[public-dns]/livepkgr Stream livestream?adbe-live-event=liveevent&adbe-recordmode=record
  25. 25. ライブ配信導入手順 2.FlashMediaLiveEncoderの設定 ⑤ライブ配信スタート iPhoneやAndroid端末で、以下にアクセス http://[インスタンスのIPアドレス]/ hls-live/livepkgr/_definst_/liveevent/livestream.m3u8
  26. 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

×