アクセシビリティ
デベロッパーリソース
David Gassner

David Gassner

www.bardotech.com*

目次

作成日:
2009年2月16日
ユーザレベル:
初心者
製品:
Dreamweaver
Flash

Webページへのビデオの追加

このチュートリアルでは、ビデオをFLV形式でWebページにパブリッシュする方法について説明します。このチュートリアルに従って学習を進めるには、Adobe Media Encoder、Adobe Dreamweaver CS4、Adobe Flash CS4 Professionalが必要です。

ビデオカメラで自作したビデオや家族、友人、同僚から入手したビデオは、カメラの機種やビデオ編集アプリケーション(Adobe Premiere Pro CS4など)固有の形式になっています。これらの元のビデオファイルはインターネットでの配信には適していません。通常、ファイルサイズが大きく、DVDなどの他のメディアでの配信を目的としています。インターネットで配信するには、Webサイト訪問者が簡単にダウンロードして表示できる形式に変換する必要があります。FlashとDreamweaverには、この変換作業に必要なすべてのツールがあります。ビデオ表示用のFlash Playerは、大半のインターネットユーザが所持しています。

このチュートリアルでは、ビデオを作成してWebサイトに追加するための2つの主な作業について説明します。

  • まず、Adobe Media Encoderを使用して、元のビデオをFLVファイルに変換します。FLVは、Web配信に適した圧縮形式です。
  • 次にDreamweaverを使用して、変換したビデオファイルをWebページにパブリッシュします。

オプションとして、Flashを使用してより高度なビデオプレゼンテーションを作成します。タイトル画面を追加し、そのタイトル画面をビデオとクロスフェードさせます。最後に、Dreamweaverを使用して、Flashプレゼンテーションをビデオのフルスクリーン表示をサポートする高度なHTMLページと共にパブリッシュし、既存のWebページに追加します。

必要条件

このチュートリアルに従って作業を完了するには、次のソフトウェアとファイルが必要です。

Adobe Dreamweaver CS4

Adobe Flash CS4 Professional

サンプルファイル

home_website.zip(ZIP、52.9MB)

必要条件

このチュートリアルでは、新規サイトを作成してWebサーバにファイルをアップロードする設定を行うなど、DreamweaverでのWebサイトの操作経験があるユーザを対象にしています。 詳しくは、Dreamweaverサイトの操作を参照してください。

FlashやAdobe Media Encoderの経験は不要です。 サンプルビデオファイルはAdobe Premiere Pro CS4で作成されていますが、この製品もその知識もチュートリアルでは必要ありません。

サンプルファイルのインストール

作業を始める前に、homewebsite.zipをハードディスクにダウンロードして解凍してください。このアーカイブファイルには、以下のアセットを含むフォルダが含まれています。

  • スターターWebサイトファイル。ビデオを表示するスペースが設定された2つのWebページがあります。
  • サンプルAVIビデオファイル(AtTheWaterPark.avi)。このファイルを変換してWebサイトに追加します。

著者について

David Gassner。アドビソリューションネットワーク(ASA)トレーニングプロバイダのBardo Technical Servicesの社長。ColdFusion、Flash、DreamweaverおよびFlexのアドビ システムズ社認定デベロッパー。Macromediaカンファレンスの常連スピーカー、ColdFusion JournalおよびXML Journalの寄稿者として、アドビのColdFusionとJava、XMLなどの開発テクノロジとの統合について多くのデベロッパーを支援している。