FLVPlayback コンポーネントを使用したアプリケーションの作成

アプリケーションで FLVPlayback コンポーネントを使用するには、次のような方法があります。

  • コンポーネントパネルからステージに FLVPlayback コンポーネントをドラッグし、 source パラメーターの値を指定する

  • ビデオの読み込みウィザードを使用して、ステージ上にコンポーネントを作成し、スキンを選択してカスタマイズする

  • コンポーネントがライブラリ内にあることを前提として、 FLVPlayback() コンストラクターを使用してステージ上に FLVPlayback インスタンスを動的に作成する

    注意: ActionScript で FLVPlayback のインスタンスを作成した場合、ActionScript で skin プロパティを設定してスキンを割り当てる必要もあります。この方法で適用するスキンは、SWF ファイルに自動的にはパブリッシュされません。 アプリケーションの SWF ファイルとスキンの SWF ファイルの両方をアプリケーションサーバーにコピーする必要があります。そうしないと、アプリケーションを実行するときにスキンの SWF ファイルを利用できません。

コンポーネントパネルからの FLVPlayback コンポーネントのドラッグ

  1. コンポーネントパネルで、プラス「+」ボタンをクリックしてビデオエントリを開きます。

  2. FLVPlayback コンポーネントをステージにドラッグします。

  3. ステージ上で FLVPlayback コンポーネントを選択した状態で、コンポーネントインスペクターの「パラメーター」タブにある source パラメーターの「値」セルに、次のいずれかを指定するストリングを入力します。

    • ビデオファイルのローカルパス

    • ビデオファイルの URL

    • ビデオファイルの再生方法を指定する SMIL(Synchronized Multimedia Integration Language)ファイルの URL

      SMIL ファイルを作成して FLV ファイルを指定する方法については、 SMIL ファイルの使用 を参照してください。

  4. ステージ上で FLVPlayback コンポーネントを選択した状態で、コンポーネントインスペクターの「パラメーター」タブで、 skin パラメーターの「値」セルをクリックします。

  5. 拡大鏡アイコンをクリックして、スキンの選択ダイアログボックスを開きます。

  6. 次のオプションから 1 つを選択します。

    • 「スキン」ドロップダウンリストから、デザイン済みスキンを選択し、再生コントロールのセットをコンポーネントに割り当てます。

    • カスタムスキンを作成してある場合は、ポップアップメニューから「カスタムスキンの URL」を選択し、スキンが含まれる SWF ファイルの URL を「URL」ボックスに入力します。

    • 「なし」を選択し、個々の FLV Playback カスタム UI コンポーネントをステージにドラッグして再生コントロールを追加します。

      注意: 最初の 2 つのオプションでは、ポップアップメニューの上にある表示ペインにスキンが表示されます。 カラーピッカーを使用して、スキンの色を変更できます。

      カスタム UI コントロールの色を変更するには、カスタマイズする必要があります。 カスタム UI コントロールの使用方法について詳しくは、 FLV Playback カスタム UI コンポーネントへの個々のスキンの適用 を参照してください。

  7. 「OK」をクリックして、スキンの選択ダイアログボックスを閉じます。

  8. 制御/ムービープレビューを選択し、SWF ファイルを実行してビデオを再生します。

    ビデオの読み込みウィザードを使用して FLVPlayback コンポーネントを追加する手順を次に示します。

ビデオの読み込みウィザードの使用:

  1. ファイル/読み込み/ビデオの読み込みを選択します。

  2. 次のいずれかのオプションを選択して、ビデオファイルの場所を示します。

    • ローカルマシン上

    • Web サーバー、Flash Video Streaming Service、または Flash Media Server に既に展開済み

  3. 選択内容によって、ビデオファイルの場所を示すパスまたは URL を入力し、「次へ」をクリックします。

  4. ファイルパスを選択した場合は、展開ダイアログボックスが表示され、次のいずれかのオプションを選択してビデオの展開方法を指定できます。

    • 標準 Web サーバーからのプログレッシブダウンロード

    • Flash Video Streaming Service (FVSS) からのストリーム

    • Flash Media Server からのストリーム

    • SWF ファイルにビデオを埋め込みタイムラインで再生

      重要: ビデオの埋め込みオプションは選択しないでください。 FLVPlayback コンポーネントでは、外部のストリーミングビデオだけを再生します。 このオプションを選択すると、FLVPlayback コンポーネントはステージに配置されません。
  5. 「次へ」をクリックします。

  6. 次のオプションから 1 つを選択します。

    • 「スキン」ドロップダウンリストから、デザイン済みスキンを選択し、再生コントロールのセットをコンポーネントに割り当てます。

    • コンポーネントのカスタムスキンを作成した場合は、ポップアップメニューから「カスタムスキンの URL」を選択し、スキンを含む SWF ファイルの URL を「URL」ボックスに入力します。

    • 「なし」を選択し、個々の FLV Playback カスタム UI コンポーネントをステージにドラッグして再生コントロールを追加します。

      注意: 最初の 2 つのオプションでは、ポップアップメニューの上にある表示ペインにスキンが表示されます。
  7. 「OK」をクリックして、スキンの選択ダイアログボックスを閉じます。

  8. ビデオの読み込みの終了ダイアログボックスに表示される情報を読み、次の手順について理解してから「終了」をクリックします。

  9. FLA ファイルを保存していない場合は、名前を付けて保存ダイアログボックスが表示されます。

  10. 制御/ムービープレビューを選択し、SWF ファイルを実行してビデオを再生します。

    ActionScript を使用して FLVPlayback コンポーネントを追加する手順を次に示します。

ActionScript を使用したインスタンスの動的な作成:

  1. コンポーネントパネルから FLVPlayback コンポーネントをライブラリパネル(ウィンドウ/ライブラリ)にドラッグします。

  2. タイムラインのフレーム 1 のアクションパネルに次のコードを追加します。 install_drive の部分に Flash のインストール先ドライブを指定し、実際の Skins フォルダーの場所に合わせてパスを変更します。

    Windows コンピューターの場合:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

    Macintosh コンピューターの場合:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    注意: source プロパティと skin プロパティを設定しないと、生成されるムービークリップには何も表示されません。
  3. 制御/ムービープレビューを選択し、SWF ファイルを実行してビデオファイルを再生します。