オンデマンドメディアのストリーミング（HTTP）

    オンデマンドメディアをストリーミングするための前提条件（HTTP）

    これらのチュートリアルを実行するには、次のソフトウェアを使用します。

    • Flash Media Server 4.5

    • （Adobe HTTP Dynamic Streaming）Flash Media Server sample video player（Strobe Media Playback を使用) および Adobe Flash Player 10.1

    • （Apple HTTP Live Streaming）iOS 3.0 以降のデバイスまたは Safari 4.0 や QuickTime X を含む Mac OS 10.6

    詳細については、サポートされているクライアント、エンコーダー、コーデックおよびファイル形式 と 構築済みの Media Playerを参照してください。

    HTTP 経由での単一のオンデマンドメディアファイルの再生

    1. Flash Media Server 4.5 をインストールし、Apache HTTP Server のインストールを選択します。

    2. F4V/MP4 ファイルを次の場所にコピーします。

      rootinstall/webroot/vod

      注意： rootinstall を Flash Media Server インストールフォルダーに置き換えます。

      このチュートリアルは、Flash Media Server と共に rootinstall/webroot/vod フォルダーにインストールされるファイル sample2_1000kbps.f4v を使用します。

    3. （Adobe HTTP Dynamic Streaming）Flash Media Playback でメディアを再生するには、次の操作を行います。

      1. Flash Media Playback を Web ブラウザーで開きます。

        http://www.osmf.org/configurator/fmp/

      2. 注意： Flash Media Playback では、HTTP Dynamic Streaming をサポートするために Flash Player 10.1 が必要です。コンピューターにインストールされている Flash Player のバージョンを確認するには、「Adobe Flash Player」を参照してください。

      3. 「Video Source」に次のように入力します。

        http://localhost/hds-vod/sample2_1000kbps.f4v.f4m

        フルサイズのグラフィックを表示
        Flash Media Playback の HDS オンデマンドストリーミング

        メディアファイルは /webroot/vod ディレクトリにありますが、URL 要求は /hds-vod です。パス /hds-vod は、Apache httpd.conf ファイル内の <Location> ディレクティブです。要求 URL が /hds-vod で始まる場合、サーバーは /webroot/vod フォルダー内のメディアを探し、HTTP Dynamic Streaming 用にパッケージ化します。要求 URL 構文の詳細については、HTTP 経由でオンデマンドストリームを再生するための URLを参照してください。

      4. 「Are you using HTTP Streaming or Flash Access 2.0?」で「Yes」を選択します。

      5. 「Poster frame file location」テキストボックスからテキストを消去します。

      6. 埋め込みコードを更新するには、「Preview」をクリックします。

      7. 「Play」ボタンをクリックし、コードをテストします。

      8. ユーザー自身の HTML ページで Player を使用するには、埋め込みコードをコピーし、ページの本文に貼り付けます。Flash Media Playback は、アドビ システムズ社でホストされるコンパイルされた SWF ファイルです。詳細については、「Flash Media Playback」を参照してください。

    4. （Adobe HTTP Dynamic Streaming）Strobe Media Playback でメディアを再生するには、次の操作を行います。

      1. Web ブラウザーで Flash Media Server のサンプルビデオ Player を開きます。rootinstall/samples/videoPlayer/videoplayer.html をダブルクリックします。

      2. 「STREAM URL」に、次のように入力します。

        http://localhost/hds-vod/sample2_1000kbps.f4v.f4m

      3. 「VOD」を選択して「PLAY STREAM」をクリックします。

      4. ユーザー自身の HTML ページで Player を使用するには、埋め込みコードをコピーし、ページの本文に貼り付けます。

      フルサイズのグラフィックを表示
      Flash Media Server サンプルビデオ Player での HDS オンデマンドストリーミング

    5. （Apple HTTP Live Streaming）iOS で、Safari アドレスバーに次の URL を入力します。

      http://10.0.1.11/hls-vod/sample2_1000kbps.f4v.m3u8

      フルサイズのグラフィックを表示
      iPad の Safari での HLS オンデマンドストリーミング

      Mac OS 10.6 の Safari でテストするには、次の HTML コードを使用します。

      <video src="http://10.0.1.11/hls-vod/sample2_1000kbps.f4v.m3u8" controls="controls"></video>
    注意： “localhost” と “10.0.1.11” は、Flash Media Server をホストしているコンピューターのドメイン名または IP アドレスに置き換えることができます。Flash Media Server ホスティングプロバイダーを使用している場合は、プロバイダーからこの値が提供されます。

    HTTP 経由でのオンデマンドマルチビットレートメディアファイルの再生

    1. Flash Media Server 4.5 をインストールし、Apache HTTP Server のインストールを選択します。

    2. 次のいずれかの操作を行います。

      • 3 つの異なるビットレートで F4V/MP4 ファイルをエンコードします。

      • Flash Media Server と共に rootinstall/webroot/vod フォルダーにインストールされるマルチビットレートサンプルファイルを使用します。

      このチュートリアルでは、webroot/vod フォルダーにインストールされた次のファイルを使用します。

      rootinstall/webroot/vod/sample1_150kbps.f4v

      rootinstall/webroot/vod/sample1_700kbps.f4v

      rootinstall/webroot/vod/sample1_1500kbps.f4v

    3. （Adobe HTTP Dyanmic Streaming）マルチビットレートのコンテンツをストリーミングするために、Flash Media Player と AIR Media Player は、セットレベルマニフェストファイルを要求します。これは、各ストリームの場所とビットレートを含む .f4m ファイルです。セットレベル F4M ファイルを作成するには、次の操作を行います。

      1. ブラウザーで rootinstall/Flash Media Server/tools/f4mconfig/configurator/f4mconfig.html を開きます。

      2. f4m ファイルタイプを選択します。

        フルサイズのグラフィックを表示
        Set-level F4M/M3U8 File Generator

      3. ストリーム URI には、ベース URI に対する絶対パスまたは相対パスのいずれでも指定できます。ベース URI に次のように入力します。

        http://localhost/hds-vod/

      4. 各ストリームについて次の情報を入力し、「Add」をクリックします。

        ストリーム URI

        ビットレート

        sample1_150kbps.f4v.f4m

        150

        sample1_700kbps.f4v.f4m

        700

        sample1_1500kbps.f4v.f4m

        1500

      5. ファイルを表示するには、「View Manifest」をクリックします。マニフェストファイルは次のようになります。

        <manifest xmlns="http://ns.adobe.com/f4m/2.0"> 
  <media href="http://localhost/hds-vod/sample1_150kbps.f4v.f4m" bitrate="150"/> 
  <media href="http://localhost/hds-vod/sample1_700kbps.f4v.f4m" bitrate="700"/> 
  <media href="http://localhost/hds-vod/sample1_1500kbps.f4v.f4m" bitrate="1500"/> 
</manifest>

      6. 「Save Manifest」をクリックして、ファイルを sample1.f4m という名前で rootinstall/webroot に保存します。

        Media Player で、Web サーバーからこのファイルを要求します。このチュートリアルでは、このファイルを rootinstall/webroot に保存しますが、Web サーバー上のどの場所からでもこのファイルを配信できます。このファイルは、Flash Media Server に存在する必要はありません。このファイルには名前を付けることができます。

    4. （Apple HTTP Live Streaming）マルチビットレートストリーミングでは、iOS デバイスで、各ストリームの場所、ビットレートおよびコーデック（オプション）を含むセットレベル M3U8 バリアント再生リストファイルを要求します。セットレベル M3U8 ファイルを作成するには、次の操作を行います。

      1. File Generator ツールが開いていない場合は、rootinstall/Flash Media Server/tools/f4mconfig/configurator/f4mconfig.html をダブルクリックしてブラウザーで開きます。

      2. m3u8 ファイルタイプを選択します。

      3. 各ストリームのストリーム URI、ビットレート、プログラム ID および解像度とコーデック（オプション）を入力します。ストリーム URI には、絶対パスまたは相対パスのいずれでも指定できます。相対パスの場合は、m3u8 ファイルに対する相対パスになります。プログラム ID は、各ストリームで同一である必要があります。

        注意： サポートされているコーデックの詳細については、「Apple HTTP Live Streaming Overview」を参照してください。

        このチュートリアルでは、次のストリーム URI 設定を使用します。

        ストリーム URI

        ビットレート

        http://10.0.1.11/hls-vod/sample1_150kbps.f4v

        150

        http://10.0.1.11/hls-vod/sample1_700kbps.f4v

        700

        http://10.0.1.11/hls-vod/sample1_1500kbps.f4v

        1500
        フルサイズのグラフィックを表示
        Set-level F4M/M3U8 File Generator のセットレベル M3U8 ファイル

      4. ファイルを表示するには、「View Manifest」をクリックします。m3u8 ファイルは次のようになります。

        #EXTM3U 
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=150000 
http://10.0.1.11/hls-vod/sample1_150kbps.f4v.m3u8 
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=700000 
http://10.0.1.11/hls-vod/sample1_700kbps.f4v.m3u8 
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1500000 
http://10.0.1.11/hls-vod/sample1_1500kbps.f4v.m3u8

      5. 「Save Manifest」をクリックし、ファイルを sample1.m3u8 という名前でフォルダー rootinstall/webroot に保存します。

        Media Player で、Web サーバーからこのファイルを要求します。このチュートリアルでは、このファイルを rootinstall/webroot に保存しますが、Web サーバー上のどの場所からでもこのファイルを配信できます。このファイルは、Flash Media Server に存在する必要はありません。

    5. （Adobe HTTP Dynamic Streaming）Flash Media Playback では、セットレベルマニフェストファイルはサポートされていません。メディアを再生するには、Strobe Media Playback を使用します。Strobe Media Playback は、Flash Media Server と共にインストールされるサンプルビデオ Player で使用されます。

      1. rootinstall/samples/videoPlayer/videoplayer.html をダブルクリックしてブラウザーで開きます。

      2. 「Video Source」に次のように入力します。

        http://localhost/sample1.f4m

        フルサイズのグラフィックを表示
        Flash Media Server サンプルビデオ Player での HDS アダプティブビットレートオンデマンドストリーミング

    6. （Apple HTTP Live Streaming）iOS で、Safari アドレスバーに次の URL を入力します。

      http://10.0.1.11/sample1.m3u8

      フルサイズのグラフィックを表示
      iPad の Safari での HLS アダプティブビットレートオンデマンドストリーミング

      Mac OS 10.6 の Safari でテストするには、次の HTML コードを使用します。

      <video src="http://10.0.1.11/sample1.m3u8" controls="controls"></video>

      詳細については、「iOS Reference Library」の「HTTP Live Streaming Overview」を参照してください。

    HTTP 経由でオンデマンドストリームを再生するための URL

    次の URL を使用して、オンデマンドストリームを HTTP 経由で再生します。

    Client

    ライブまたは VOD

    単一ストリームまたはアダプティブビットレート

    要求 URL

    Adobe HTTP Dynamic Streaming

    VOD

    単一ストリーム

    http://<fms-dns-or-ip>/hds-vod/<streamname>.<fileextension>.f4m

    Apple HTTP Live Streaming

    VOD

    単一ストリーム

    http://<fms-dns-or-ip>/hls-vod/<streamname>.<fileextension>.m3u8

    Adobe HTTP Dynamic Streaming

    VOD

    アダプティブビットレート

    Media Player は、次に示すセットレベルマニフェストファイルを要求します。

    http://<webserver-dns-or-ip>/<set-level-manifest>.f4m

    セットレベルマニフェストの URL は個々のストリームをポイントし、次の URL を使用します。

    http://<fms-dns-or-ip>/hds-vod/<streamname>.<fileextension>.f4m

    Apple HTTP Live Streaming

    VOD

    アダプティブビットレート

    Media Player は、次に示すセットレベルのバリアント再生リストファイルを要求します。

    http://<webserver-dns-or-ip>/<set-level-variant-playlist>.m3u8

    セットレベルのバリアント再生リストの URL は個々のストリームをポイントし、次の URL を使用します。

    http://<fms-dns-or-ip>/hls-vod/<streamname>.<fileextension>.m3u8

    パス /hds-vod は、Apache httpd.conf ファイル内の <Location> ディレクティブです。ディレクティブは、rootinstall/webroot/vod フォルダー内のコンテンツを検索するようにサーバーに伝えます。また、HTTP 経由で Flash および AIR に配信する（HTTP Dynamic Streaming または HDS と呼ばれます）コンテンツをパッケージ化するようにサーバーに伝えます。

    パス /hls-vod は、Apache httpd.conf ファイル内の <Location> ディレクティブです。ディレクティブは、rootinstall/webroot/vod フォルダー内のコンテンツを検索するようにサーバーに伝えます。また、Apple HTTP Live Streaming への配信用コンテンツをパッケージ化するようにサーバーに伝えます。

    注意： Apple HTTP Live Streaming は、ライブストリーミングとオンデマンドストリーミングをサポートします。

    アダプティブビットレートストリーミングでは、クライアントでセットレベルマニフェストを要求します。HDS の場合、このファイルは .f4m ファイルになります。HLS の場合、このファイルは .m3u8 ファイルになります。セットレベルマニフェストファイルには、メディアファイルの物理的な場所へのパスが含まれています。メディアファイルへのパスは、サーバーにそれらのファイルを HTTP 用にパッケージ化するように伝えるために、/hds-vod または /hls-vod で始まる必要があります。