注意：この習得ガイドでは、Flashビデオの概要について説明し、スキルの向上に役立つツールを紹介します。取り上げる素材の多くは、Flash製品ドキュメンテーションに含まれているものです。新しい機能の使用方法を学習する場合は、Flashヘルプ（Flash LiveDocsにも掲載されています）を最初に参照してください。

Flashビデオを使用すると、ほとんどのユーザが表示可能な形式で、ビデオをWebページに簡単に配置できます。 このガイドでは、Flashビデオの作成方法や配置方法に関する情報など、Flashビデオの概要について説明します。

必要条件

この習得ガイドに従って学習を進めるには、次のソフトウェアをインストールする必要があります。

Flash CS3 Professional

• 体験版
• 購入

注意：この習得ガイドは、Flash CS3 Professionalユーザを対象にしています。Flash Professional 8を使用している場合は、以前のバージョンのFlashビデオ習得ガイド*を参照してください。

Flashビデオを作成するためのチェックリスト

次のステップは、Flashビデオコンテンツを作成してオンラインでパブリッシュする方法を示しています。 オンデマンド（録画済み）ビデオとライブビデオでは、ビデオの作成方法およびパブリッシュ方法が異なります。

ライブビデオについて詳しくは、Flash Media Server（Flash Communication Server）Developer Centerを参照してください。

オンデマンドFlashビデオを作成するには：

1. ビデオを用意します。 デジタルビデオカメラを使って自分でキャプチャするか、または他のユーザから入手します。
2. 配信メカニズムを決定します。 「Flashビデオの配信オプション」を参照してください。
3. ビデオをFlashビデオ（FLV）形式でエンコードします。 「ビデオのキャプチャとエンコーディング」を参照してください。
4. ビデオをWebページに追加し、そのページをWebにパブリッシュします。 「WebページへのFlashビデオの追加」を参照してください。

ビデオとWebについて

ビデオとインターネットは、非常に相性の良い組み合わせのように思われます。 ビデオは日々の視覚的体験を最も忠実に再現するメディアであり、インターネットは興味深いコンテンツに満ちた広大な遊び場です。 そのため、データ、コンテンツおよびインタラクティブなコントロールとビデオを統合し、テレビとビデオの組み合わせでは得られないリッチなエクスペリエンスを提供している魅力的なWebサイトが多数存在すると思われるかもしれません。

残念ながら、Web上に公開された初期のビデオコンテンツの多くは、コンピュータのモニタ上で再生される四角形のコンテンツにすぎませんでした。また、通常は別のポップアップウィンドウで表示されたため、生成元のWebサイトのページが隠されることも少なくありませんでした。 これらのビデオ映像の多くはサイズが小さく画質も悪かったため、全体的なエクスペリエンスは良いものではありませんでした。

これまでデザイナーは、次のような技術的な課題により、ビデオコンテンツの潜在的な能力を十分に引き出すことができませんでした。

帯域幅の制約

ビデオは大量のデータを必要とする表現形式であり、短いビデオクリップでも数メガバイトの表示データが必要になります。 ブロードバンドの発展により、この技術的障害が大幅に軽減されました。 ビデオコンテンツをWeb経由で受信するのに必要な帯域幅を確保できるサイトビジターが増えていますが、多くのビジターにとってファイルサイズは依然として問題になりうるものです。

Web用ビデオのオーサリングの複雑さ

インタラクティビティを実現したり、ナビゲーションコントロールを作成したり、ビデオと他のリッチメディアコンテンツを融合したりするためのツールセットはまだ標準化されていません。 また、ビデオ再生用のクライアントがビジターのシステムにあらかじめインストールされていることはほとんどありません。そのため、ビジターの多くは、まずサイトの利用を中断してプラグインやサードパーティのアプリケーションをダウンロードしてからでないとビデオを表示できません。

ビデオと他のWebコンテンツを効果的に統合する手段の欠如

Web用のビデオ形式の大部分は、四角形のウィンドウでビデオを再生すること以外のリッチなメディア機能を備えていません。

幸いにも、こうした問題はFlashビデオによって克服できます。Flashビデオでは、ビデオコンテンツがコンテキストに従ってシームレスに提供されます。サイトビジターは、Flash Playerを使ってこのビデオコンテンツを再生できます。

ビデオについて詳しくは、「ビデオ標準の概要」を参照してください。

Flashビデオについて

Flashビデオには、データ、グラフィック、サウンドおよび動的なインタラクティブコントロールとビデオを融合して、ビジターを夢中にさせるリッチなエクスペリエンスを実現するのに役立つ、技術面およびクリエイティブな面でのメリットがあります。 Flashを使用してビデオをオンラインで提供することの利点として以下が挙げられます。

普及率の高さ

2002年にFlashビデオが登場して以来、Flash Playerは最も多くインストールされているインターネット用ビデオクライアントとなり、インターネットに接続されているパーソナルコンピュータの96％以上で使用されています。 また、Flash Playerは様々なプラットフォームやオペレーティングシステム上で動作します。 この普及率の高さにより、ほとんどのビジターは追加のプラグインをダウンロードせずにFlashビデオを表示できます。したがって、開発、テストおよびサポートのコストを低く抑えながら、より多くのユーザにコンテンツを提供することができます。

自由にカスタマイズできるコントロール

FlashビデオはWebサイトにシームレスに統合できます。また、ビデオコンテンツに新しい「スキン」を追加してブランドをカスタマイズしたり、独自のビデオ再生コントロールをデザインしたりできます。さらに、ビデオのサイズや縦横比を設定したり、データソースに応じてビデオを動的に変化させることもできます。

コンテキストに沿ったリッチでインタラクティブなビデオ

Flashビデオは、ユーザを夢中にさせるインタラクティブなエクスペリエンスを提供します。 FlashではFlashビデオが単に別のメディアの種類として扱われるため、SWFファイル内の他のオブジェクトと同様に、ビデオコンテンツに対してレイヤー処理やスクリプト処理を実行したり、ビデオコンテンツを制御したりできます。 別のポップアップウィンドウでビデオを再生するのとは違い、Flashビデオでは、コンテンツと一体化した円滑な視聴体験をユーザに提供できます。

次の図は、Flashビデオをテキストやグラフィックと同期させた高度なWebページの例です。 青の点線で囲まれた領域にはSWFファイルが表示され、赤の点線で囲まれた領域にはFlashビデオ（FLV）ファイルがSWFコンテンツの一部として表示されます。 SWFファイルには、グラフィック、テキスト、クライアントロジック（ビデオコントロールの作成ロジックなど）、 および外部のFLVファイルへの参照を含めることができます。SWFファイルはFlash Playerで再生されます。 FLVファイルに含まれる主な要素はオーディオとビデオです。FLVファイルはSWFファイル内で再生されます（図１を参照）。

図１.Flashビデオの機能とビデオ作成ツールについて

Flashビデオの機能とビデオ作成ツールについて

魅力的なFlashビデオエクスペリエンスを作成および配信するために使用できるツール、機能、サーバおよびサービスを次の一覧に示します。

Adobe Flash CS3 Professionalのビデオ機能

Flash CS3 Professionalは、Flashビデオのユーザインターフェイスを作成する際に使用される主なツールです。

• Flashビデオの読み込みウィザード：ビデオをFlashに読み込むには、ファイル／読み込み／ビデオの読み込みを選択します。ビデオの読み込みダイアログの案内に従って、ビデオファイルをFLV形式に変換し、FLVPlaybackコンポーネントを設定します。
• ビデオのエンコーディングおよびキューポイントのXMLへの書き出し：Flashビデオの読み込みウィザードまたはFlash CS3 Video Encoderユーティリティを使用して、エンコーディングオプションとキューポイント設定をXMLファイルに書き出すことができます。このXML設定は、同じメカニズムを使用して読み込むことができます。これにより、一貫性のある方法で簡単にビデオを作成できます。
• FLVPlaybackコンポーネント：外部のFLVファイルを再生したり、Flash Media Serverに接続する場合に使用します。Flash CS3 Professionalには、ActionScript 3.0コンポーネント構造にアップデートされたActionScript 3.0 FLVPlaybackコンポーネントが含まれています。 ActionScript 2.0ファイルを使用する場合は、Flash Professional 8のFLVPlaybackを引き続き使用できます。
• FLVPlaybackカスタムUIコンポーネント：これらのコンポーネントを使用すると、FLVPlaybackコンポーネント用の独自のコントロール設定を簡単に作成できます。詳しくは、FLVPlaybackへのスキンの適用*に関する記事を参照してください。
• FLVPlaybackCaptioningコンポーネント：Flash CS3 Professionalで新たに追加されたコンポーネントです。このコンポーネントを使用すると、ActionScript 3.0ファイル内のFLVPlaybackコンポーネントと同期して動作するキャプションを表示できます。「ビデオの同期とキャプションの追加」を参照してください。
• 新しいレイアウト機能とサイズ調整機能：ActionScript 3.0 FLVPlaybackコンポーネントには、外部ビデオのプレビュー、複数のビデオを表示した状態でのサイズ調整、フルスクリーンモードなど、サイズ調整やレイアウトのための拡張機能が組み込まれています。
• ビデオコーデック：Flash Player 7ではSorenson Sparkコーデックが導入されました。Flash Player 8ではOn2 VP6コーデックが導入されました。
• エンコーディングオプション：Flashビデオの読み込みウィザード、スタンドアロンのFlash 8 Video Encoder、およびFlash Video QuickTime書き出しプラグインという３つの方法でFlashビデオをエンコードできるようになりました。QuickTime書き出しプラグインは、このプラグインをサポートするサードパーティのビデオ編集アプリケーションからの書き出し時にオーディオとビデオをFLVファイル形式にエンコードするのに使用します。
• Adobe Flash CS3 Video Encoder：ソースビデオをFLV形式にエンコードするためのスタンドアロンユーティリティです。Flash CS3 Video Encoderは、Flash CS3 Professionalと共にインストールされます。
• Adobe Flash Player 9：この高性能で軽量のランタイムでは、Flashビデオおよびその他のFlashコンテンツを再生できます。

追加のアプリケーション、サーバおよびビデオサービス機能

Flash CS3 Professionalと以下の追加ツールを併用することにより、ビデオの作成オプションと配信オプションが大幅に増加します。

• Flash Media Server：アドビのストリーミングメディアサーバで、以前はFlash Communication Serverと呼ばれていました。Flash Player 6またはそれ以降のバージョンへのオーディオおよびビデオのストリーミングに使用します。ストリーミングビデオを配信する場合は、Flash Media Serverが必要です。
• Flash Video Streaming Service：サードパーティがFlash Media Serverを使用して提供しているサブスクリプションサービスです。このサービスでは、高いパフォーマンスと世界規模のスケーラビリティが要求されるストリーミングビデオのためのホスティング環境が提供されます。独自のFlash Media Serverを設定しない場合は、ホスティングサービスを利用できます。 Flash Video Streaming Service（FVSS）について詳しくは、「Delivering High-Quality Video with Flash Video Streaming Service*」を参照してください。
• Flash Media Live Encoder：アドビの最新のメディアエンコーディングテクノロジです。技術製作者がオーディオとビデオをキャプチャし、それをリアルタイムでFlash Media Server（FMS）またはFlash Video Streaming Service（FVSS）にストリーミングできるように設計されています。
• Adobe Dreamweaver CS3：Flashビデオの読み込み機能を備えたWebデザインツールです。このツールを使用すると、WebページにFlashビデオを簡単に配置できます。ビデオプレーヤーのカスタマイズオプションや「スキンの適用」オプションも、比較的少数ですが用意されています。DreamweaverでFlashビデオを使用する場合は、エンコード済みのFLVファイルが必要です。
• Adobe After Effects CS3 ProfessionalおよびPremiere Pro CS3：アドビが提供する業界標準のモーショングラフィックおよびビデオ作成用ツールです。Flash CS3 Professionalがインストールされている場合は、これらのツールを使用してFLV形式に書き出すことができます。

Flashビデオ配信オプションについて

サイトでFlashビデオを使用するには、まずビデオの配信方法を決定する必要があります。主な配信オプションは、プログレッシブダウンロードとストリーミングビデオの２つです （両者の重要な違いの１つは、FLVファイルはデフォルトでプログレッシブにダウンロードされるということです。 ストリーミングビデオをダウンロードするには、Flash Media Serverを使用する必要があります）。

注意：この他にFlashタイムラインにビデオを埋め込む方法もありますが、オーディオトラックを含まない非常に短いビデオクリップの場合以外はお勧めしません。

配信オプションの決定方法については、表１を参照してください。左側の列は配信条件を、右側の列は推奨される配信オプションをそれぞれ示しています。 ２つのオプションにマークがついている場合は、どちらのオプションも推奨されるということを意味します。

表１.Flashビデオ配信オプション

	埋め込み	プログレッシブ	ストリーミング
クリップの長さが５秒未満
クリップの長さが５～30秒
クリップの長さが30秒超
見込み視聴者数が少ない
見込み視聴者数が普通または多い
直ちに再生を開始
知的所有権の保護
ライブビデオのストリーミング
ビジターの帯域幅に応じた可変ストリーミングレート
SMILを使用したファイル選択の制御

配信オプションについて詳しくは、「Flashビデオの配信オプション」を参照してください。

配信オプションを決定したら、使用するオーサリングツールを選択します。使用可能なオーサリングツールはFlashまたはDreamweaverのいずれかです。

ビデオをサイトにすばやく簡単に配置する必要があり、簡単なビデオコントロール（再生、停止、一時停止、前方スキップ、後方スキップ）以外のインタラクティブなエレメントを必要としない場合は、ビデオをDreamweaverに直接読み込む方法が最も適しています。 Dreamweaverソリューションを使用すると、HTMLベースのページレイアウトにFlashビデオを間単に統合することができます。

よりインタラクティブなエクスペリエンスを構築したり、ビデオのルックアンドフィールを大幅にカスタマイズする必要がある場合は、Flash CS3のビデオ機能を使用してください。 また、Flashビデオ（FLV）ファイルをエンコードするには、Flash CS3 Professionalが必要です。

オーサリングオプションについて詳しくは、「WebページへのFlashビデオの追加」を参照してください。

ページ 1 / 6

次のページ

著者について