アクセシビリティ
Adobe
サインイン 注文状況 ユーザー登録

チュートリアル

書籍情報

Macromedia Flash Professional 8: Training from the Source

Tom Green & Jordan L. Chilcott
www.peachpit.com*

リソース

Tom Green & Jordan L. Chilcott 著『Macromedia Flash Professional 8: Training from the Source』より抜粋© 2006. Pearson Education, Inc.およびPeachpitの許可に基づき掲載。本書の購入については、www.peachpit.com*を参照してください。

ダウンロード

Flash 8 Video Encoderウィザードを使用したビデオの変換

Flash®でビデオを使用する場合にまず注意すべきなのは、元のビデオをFlashで読み取ることができる形式に変換する必要があることです。この形式はFLV(Flash Video)であり、FLVファイルを作成するためにFlash、Flash Video Encoderまたはサードパーティ製ソフトウェアを使用できます。Adobe® After Effects®などのビデオ編集ソフトウェアを使用すれば、FLVファイルとしてファイルを書き出すことができます。Dreamweaverの現在のバージョンであるDreamweaver 8をご使用のDreamweaver®ユーザであれば、ボタンをクリックするだけでFLVを追加できます。

このエンコーダの目的は、ビデオファイルをFLV形式に変換することです。Flash Professional 8をインストールすると、Flash Video Encoderアプリケーションもインストールされます。また、QuickTime、Adobe After Effects、Avid StudioまたはFinal Cut Proがコンピュータにインストールされていれば、このエンコーダがインストールされている場合の機能を使用できます。

ビデオをFLV形式に変換するには、次のいずれかの形式のビデオであることが必要です。

  • AVI - Audio Video Interleave。
  • MOV - QuickTime 4以降。
  • MPEG - Motion Picture Experts Group。
  • DV - デジタルビデオ。多くの商用ビデオカメラで使用される形式。
  • WMF/ASF - Windows Media。

メモ:Flashでは、オーディオなしでビデオを読み込む場合があります。例えば、QuickTime 4でMPG/MPEGファイルを読み込んだ場合、オーディオはサポートされません。このような場合、ファイルのオーディオ部分を読み込むことができないことを示す警告が表示されるか、またはエンコーダのオーディオセクションが淡色表示になります。

この実習では、Flashのビデオウィザードを使用してビデオを読み込み、Webページに配置するビデオをフォーマットします。

1. ハードディスクドライブにExercise Filesをコピーするか、ハードディスクドライブにフォルダを作成し、このフォルダにMOMMAAND.MOVをコピーします。

ウィザードによりFLVファイルが作成され、ソースビデオと同じフォルダに保存されます。

2. 新しいファイルvideo.flaを作成し、それをハードディスクドライブのいずれかの場所に保存します。

このファイルを作成する場合、ステージのデフォルトのサイズ(550x400)を使用します。

3. Flashムービーのフレームレートを15 fpsに変更します。

ビデオの作成時は、ビデオのフレームレートと配置するFlashムービーのフレームレートを一致させるとよいでしょう。これにより、両者のフレームレートが一致しない場合に発生しがちなサウンドやその他の面倒な問題を避け、ビデオを完成させることができます。フレームレートは、プロパティインスペクタで変更できます。

4. ファイル/読み込み/ビデオの読み込みを選択し、ビデオ読み込みウィザードを開きます。

ここから、ハードディスクドライブ上のMOMMAAND.MOVに移動できます。ビデオ読み込みウィザードでは、読み込みおよび変換のための手順が案内されます。ウィザードのビデオの選択ページが開いたら、「参照」ボタンをクリックし、ビデオを含むフォルダに移動します。ファイルを選択し、「開く」ボタンをクリックします。パスが表示されます。「次へ」ボタンをクリックして展開ページを開きます。

メモ:Web、FVSSまたはFlash Media Serverのいずれかのサーバに既に展開済みの場合は、FLVファイルが既に作成されており、Webサーバ、Flash Video Streaming Serviceサーバ、またはFlash Media Serverサーバに存在することが前提となります。

5. 「Web サーバーからのプログレッシブダウンロード」を選択し、「次へ」をクリックします。

プログレッシブダウンロードは、Webサーバから再生されるFlashビデオのための標準です。非常に簡単に言えば、プログレッシブダウンロードでは、Webページ上のSWFファイルに十分なサイズのビデオがダウンロードされるとすぐに、ビデオの再生が開始されます。ビデオの長さと品質によって異なりますが、遅延の範囲はほとんどないか、数秒です。

メモ:特定の条件下では、SWFファイルにビデオを埋め込み、タイムラインからビデオを再生することを考慮します。ビデオが15秒未満であれば、データがすべてロードされるまでSWFファイルが再生されないため、SWFファイルにビデオを埋め込むための条件を満たしています。しかし、ユーザにとっては長い待機時間が必要となります。

6. エンコーディングページが表示されたら、「エンコーディングプロファイル」ドロップダウンリストから「Flash 8 - 標準品質 (400kbps)」を選択し、「次へ」をクリックしてスキンの適用ページに移動します。

エンコーディングプロファイルの品質オプションのリストで、使用するFlash Playerのバージョンとビットレートの両方を選択できます。ビットレートは、Webページに埋め込まれたSWFファイルへのビデオデータストリームの速度を決定します。ここでの選択は、ブロードバンド配信に適しています。低品質はダイヤルアップ環境に適しており、高品質は高速接続およびLAN接続に適しています。

Tip: ビデオプレビューの下にある3つのスライダを使用して、ビデオをカットできます。一番上のスライダは、単純にビデオ内の再生ヘッドの位置を示します。ビデオ内を前後に移動して、位置を定めます。その下の2つのスライダは、ビデオの開始ポイントと終了ポイントを設定します。例えば、ビデオの開始前に2、3秒の黒い画面が挿入されている場合に使用できます。開始ポイントをフレームにドラッグします。ビデオのエンコード時には、最初の2、3秒の黒い画面は表示されません。右のスライダは終了ポイントです。左にドラッグすると、このポイント以降のビデオの部分が無視されます。

7. スキンの適用ページで「スキン」ドロップダウンリストからSteelExternalAll.swfを選択し、「次へ」をクリックして「ビデオの読み込みの終了」ページに移動します。

スキンとは、ビデオの32種類のカスタムコントローラスタイルのコレクションです。選択したスキンにより、ビデオの下にコントロールが配置され、ユーザに表示されます。スキンの名前に注目してください。各スタイルでは、ビデオの上にコントローラを配置できます(SteelOverAll.swf)。この場合、ビデオはWebページ上に表示されます。またコントロールは、ユーザがビデオの上でマウスを動かしているときだけ表示されます。SteelOverNoVol.swfなどのその他のスタイルでは、ボリュームスライダなどのコントロールがコントローラから削除されます。スキンを選択すると、プレビューがページに表示されます。

ヒント:コントローラで必要な最小ステージ幅を示す「スキンの適用」ページの最小幅に注意してください。この値は、プロパティインスペクタで設定できます。ビデオの幅が最小値より大きい場合、この値は無視できます。

8. 「ビデオの読み込みの終了」ページを確認します。このページのすべての情報が正しいことが確認できたら、「終了」をクリックします。

ウィザードの「ビデオの読み込みの終了」ページには、次の操作で必要になるすべての情報が表示されます。またこのページには、作成したファイルが配置される場所、ビデオをSWFファイルにリンクする方法が表示され、読み込み完了時にヘルプファイルを参照することもできます。設定に誤りがある場合、または設定を変更する必要がある場合は、「戻る」ボタンをクリックします。

「終了」ボタンをクリックすると、「Flash Video エンコードの進捗状況」ページが開き、エンコード処理の進行状況が表示されます。

9. プロパティインスペクタで、ステージサイズを320×270に設定します。

Webページ用のビデオの場合は、ステージのサイズを常にビデオのサイズと一致させます。ステージの未使用部分は、単なる余分な帯域幅になります。このビデオのサイズは320x240です。余剰分の30ピクセルは、ビデオの下のコントローラの高さに対応します。

10. ビデオをクリックし、x、y座標を0、0に設定します。

11. ムービーを保存し、テストします。

12. ムービーをパブリッシュします。Flashを最小化し、このFlashプロジェクトを保存したフォルダを開きます。

このフォルダには、次のファイルが含まれます。

  • video.swf
  • SteelExternalAll.swf
  • MAMMAND.FLV
  • Video.fla
  • MAMMAND.MOV

最初の3つのファイルvideo.swf、SteelExternalAll.swf、およびMAMMAND.FLVは、Webサーバにアップロードする必要があります。Webページに配置するファイルは、Video.swfです。