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

10分で作る!? ライブストリーミングサーバー

2013-10-26 第3回JAWS-UG Okayama

ふるさと たけし

自己紹介

名前：古里武士(ふるさとたけし)

初心者です。

JAWS-UG Okayama 雑用スタッフ係

プログラマー

好きなAWSサービス：

Amazon S3

好きなAWSクラウドデザインパターン：

Direct Hostingパターン

アジェンダ

動画配信の概要

AWSでFMSしてみる

デモ

FMS AMI導入手順

ライブ配信導入手順

おことわり

あっ。。。初心者です。

動画配信の概要

ダウンロード

プログレッシブダウンロード

HTTPストリーミング

動画配信の概要

ダウンロード 動画ファイルをダウンロードした後に再生。

HTTPプロトコルを利用

(サーバー側はHTTPサーバーのみで配信可能)

ダウンロードが完了しない限り、再生を開始しない。

クライアントに動画ファイルが残る。

プログレッシブダウンロード 動画ファイルをダウンロードしながら再生が可能

(追っかけ再生)

HTTPプロトコルを利用

(サーバー側はHTTPサーバーのみで配信可能)

未ダウンロード部分へのシークはダウンロード待ちが発生

クライアントに動画ファイルが残る

動画配信の概要

HTTPストリーミング HTTPプロトコルを利用

サーバー側に専用の配信ソフトウェアや、独自の配信ファイルが必要

クライアントに配信データが残らないようにすることが可能

配信データを受信しながら再生するので再生の開始が早い

オンデマンド配信、ライブ配信の両者に対応可能である。

本日は、HTTPストリーミングで ライブ配信をしてみます。

AWSでFMSしてみる

2012年4月から FlashMediaServerがAWSをサポート

FMSがプリインストールされたAMIが

用意されています！！

AWSでFMSしてみる

Flash Media Server 5

on Amazon Web Servicesの特徴

安定した配信インフラの利用

EC2(スケールアップ、ダウン)

CloudFrontの利用

AWSのネットワーク

AWS専用FMSバージョンの提供

FMS

Adobe Media Server Standard と同等の機能

本日のデモの内容

構成

本日作成する構成

FMS Internet

Internet

■ライブ配信環境

Camera

FalshMediaLive Encoder

EC2

Client SmartPhone

Client PC

FMS AMI導入手順

1. FMSサブスクリプション購入

2. AMIからFMSインスタンスを起動

3. セキュリティグループの設定

4. インスタンス起動

FMS AMI導入手順

1. FMSサブスクリプション購入

AWSでFMSを利用するためには、事前にAmazonPaymentにて、FMSのサブスクリプションを購入する必要があります。

http://www.adobe.com/jp/products/amazon-web-services.html

FMS AMI導入手順

ちなみにお値段は？ http://www.adobe.com/products/amazon-web-services/pricing-intl.html

FMS AMI導入手順

2. AMIからFMSインスタンスを起動

AMIの情報はこちら

http://helpx.adobe.com/adobe-media-server/kb/flash-media-server-amazon-machine.html

チェックして「Launch」します。

FMS AMI導入手順

2. AMIからFMSインスタンスを起動

インスタンスはm1.large以上の選択。

FMS AMI導入手順

3. セキュリティグループの設定

開放するポートは以下のとおり

tcp

22、80、443、1111、1935、8134

udp

1935、19350-65535

FMS AMI導入手順

4. インスタンス起動

http://[インスタンスのIPアドレス]

右のようなページが表示されればOK

ライブ配信導入手順

１．FlashMediaLiveEncoder(無償)のインストール

２．FlashMediaLiveEncoderの設定

①カメラを接続

②FlashMediaLiveEncoderを起動

③パラメータの設定

④FMSサーバーへ接続

⑤ライブ配信スタート

ライブ配信導入手順

１．FlashMediaLiveEncoder(無償)のインストール

以下のURLより、ダウンロードします。

http://www.adobe.com/jp/products/flash-media-encoder.html

※Adobeのアカウントが必要です。

ライブ配信導入手順

１．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 に変更

ライブ配信導入手順

２．FlashMediaLiveEncoderの設定

①カメラを接続

②FlashMediaLiveEncoderを起動

ライブ配信導入手順

２．FlashMediaLiveEncoderの設定

③パラメータの設定 「preset」で「MediumBandwidth 300Kbps H.264」

「Format」の「Adbanced Encode Setting」の「KeyFrame Frequency」を4secondsに設定(FMSと合わせる）

ライブ配信導入手順

２．FlashMediaLiveEncoderの設定

④FMSサーバーへ接続 「Panel Options」にてOutputを選択

以下の設定をおこなう

項目 設定

FMS URL rtmp://[public-dns]/livepkgr

Stream livestream?adbe-live-event=liveevent&adbe-record-mode=record

ライブ配信導入手順

２．FlashMediaLiveEncoderの設定 ⑤ライブ配信スタート

iPhoneやAndroid端末で、以下にアクセス

http://[インスタンスのIPアドレス]/

hls-live/livepkgr/_definst_/liveevent/livestream.m3u8

ありがとうございました

参考資料

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/DeveloperGuide/LiveStreamingAdobeMediaServer5.0.html?r=3782

http://www.slideshare.net/AmazonWebServicesJapan/20120423-aws-meisterreloadedfmsonaws