請注意: 本學習指南將介紹 Flash 視訊, 並提供研習新技巧所需的工具。 這些資料的主要來源為 Flash 產品文件, 因此當您要學習使用新功能時, 請務必先查閱「Flash 說明」 (這也可從 Flash LiveDocs* 取得)。

Flash 視訊能讓您將視訊以幾乎所有人都能觀看的格式在網頁上播放。 本指南將介紹 Flash 視訊, 包括建立和發佈 Flash 視訊的方法。

系統需求

為進行本學習指南, 您需要安裝下列軟體:

Flash CS3 Professional

• 試用
• 購買

請注意: 本學習指南是針對 Flash CS3 Professional 使用者而設計。 如果您是使用 Flash Professional 8, 請參閱 Flash 視訊學習指南的前一版本*。

建立 Flash 視訊的檢查清單

下列步驟會說明建立 Flash 視訊的內容和在線上發佈的方法。 建立和發佈隨選 (預錄) 視訊的程序, 與建立和發佈即時視訊的程序有所不同。

有關即時視訊的資訊, 請參閱Flash Media Server 開發人員中心*。

若要建立隨選 Flash 視訊:

1. 取得視訊。 您可以使用數位攝影機拍攝, 或從別處取得。
2. 決定傳送機制。 請參閱 Flash 視訊的傳送選項。
3. 將視訊以 Flash 視訊 (FLV) 格式編碼。 請參閱擷取與編碼視訊。
4. 將視訊加入網頁中, 然後將網頁發佈至網站。 請參閱將 Flash 視訊加入網頁。

關於視訊與網路

視訊與 Internet 感覺起來是十分搭配的組合。 視訊是最能緊密回應我們日常視覺經驗的媒介, 而 Internet 則是裝滿各種新鮮事物的大型遊樂場。 因此, 您可以想像成千上萬個令人目不暇給的網站, 將視訊、資料、內容和互動式控制整合在一起, 以建立比電視所提供的視訊更為豐富的視覺享受。

可惜的是, 早期網路上的視訊內容通常只是在電腦螢幕上播放矩型框框的內容, 而且通常是在另一個遮蓋著來源網頁的彈出式視窗中播放。 視訊影像通常又小又難看, 整體的視覺經驗並不理想。

同時, 數項技術上的挑戰也限制著設計者, 無法將視訊內容的播放潛力發揮到極致, 例如:

頻寬限制

視訊是一種耗用記憶體的格式, 即使是很短的視訊片段也需要資料記憶體 (MB) 來顯示。 寬頻的成長便大幅降低這個技術上的障礙, 而且越來越多的網站訪客己具有從網路接收視訊內容所需的頻寬, 但檔案大小仍是一個問題。

編寫網路視訊的複雜度

建立互動性、瀏覽控制和融合其他豐富媒體內容的視訊並沒有標準工具。 而且, 大部分播放視訊的用戶端都並未在訪客的系統上預先安裝, 所以許多訪客在觀賞視訊前, 都必須先暫停, 以下載外掛程式或應用軟體。

視訊與其他網站內容缺乏強而有力的整合

除了在矩型視窗內播放外, 大部分網路視訊格式都無法提供豐富的媒體功能。

還好的是, Flash 視訊能夠無縫地呈現視訊內容, 而且網站訪客得以使用 Flash Player 來播放, 克服了這些問題。

有關視訊的更多資訊, 請參閱視訊標準概觀。

關於 Flash 視訊

Flash 視訊提供了技術和創意的優勢, 讓設計者能建立令人專注且豐富的經驗, 將視訊、資料、圖形、聲音和動態互動式控制融合在一起。 使用 Flash 呈現線上視訊的優點如下:

普及性

自 Flash 視訊在 2002 年推出以來, Flash Player 已成為最多人安裝的 Internet 視訊用戶端, 在超過 96% 連接至 Internet 的個人電腦上執行。 此外, Flash Player 也可以在不同的平台與作業系統上執行。 Flash Player 的普遍性可確保大部分訪客在檢視 Flash 視訊時無須下載其他外掛程式, 因此您將能夠以更低的開發、測試以及支援成本, 接觸到更多群眾。

完整的創意控制功能

您可以將 Flash 視訊無縫地整合至網站中, 而且可以加上新的「外觀」來自訂品牌並設計出獨一無二的視訊播放控制。 您也可以設定視訊的大小與比例, 而視訊則能依據資料來源動態地進行變更。

豐富、互動且與內容融合的視訊

Flash 視訊能提供有深度的互動式經驗。 由於 Flash 只將 Flash 視訊當作另一種媒體類型, 因此您可以在 SWF 檔案中分層、編寫和控制視訊內容, 就如同其他物件一樣。 相對於以另一個彈出式視窗給人中斷的視覺感受, Flash 視訊在視覺經驗中扮演了重要角色。

下圖顯示了一個相當複雜的網頁範例, 其中包含與文字和圖形同步化的 Flash 視訊。 藍色虛線外框代表 SWF 檔案顯示區域的邊界, 而紅色虛線外框則代表 Flash 視訊 (FLV) 檔案 (SWF 內容的一部分) 顯示區域的邊界。 SWF 檔案可以包含圖形、文字和用戶端邏輯 (例如用來建立視訊控制)。 它可以參考外部 FLV 檔案, 並在 Flash Player 中播放。 FLV 檔案則主要包含音訊和視訊, 而且在 SWF 檔案中播放 (請參閱圖 1)。

圖 1. 在 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 組件提供了調整大小和版面增強功能, 包括外部視訊預覽、檢視多個視訊時提供調整大小控制, 以及全螢幕模式。
• 視訊 Codec: Flash Player 7 加入了 Sorenson Spark Codec。 Flash Player 8 加入了 On2 VP6 Codec。
• 編碼選項: 您現在可以使用三種方式編碼 Flash 視訊: 透過 Flash 視訊匯入精靈、獨立的 Flash 8 Video Encoder 和 Flash 視訊 QuickTime 匯出外掛程式, 此外掛程式可讓您在使用支援 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, 這是 Adobe 的串流媒體伺服器*, 用來串流音訊與視訊至 Flash Player 6 或更新版本。 傳送串流視訊必須使用 Flash Media Server。
• Flash Video Streaming Service: 這是由使用 Flash Media Server 的第三方所提供的訂閱服務*, 以高效能需求和全球性規模提供代管串流視訊。 如果您無法或不想設定自己的 Flash Media Server, 可以使用代管服務。 有關 Flash Video Streaming Service (FVSS) 的更多資訊, 請參閱使用 Flash Video Streaming Service 來提供高品質視訊*。
• Flash Media Live Encoder: Adobe 最新的媒體編碼技術*, 專門設計供技術製作人員擷取音訊和視訊, 同時即時串流至 Flash Media Server (FMS) 或 Flash Video Streaming Service (FVSS)。
• Adobe Dreamweaver CS3: 這項網頁設計工具包含 Flash 視訊匯入機制, 可以很容易將 Flash 視訊放置於網頁中, 並提供有限的自訂或「外觀」視訊播放器選項。 請注意, 在 Dreamweaver 中使用之前, 您必須備有已編碼的 FLV 檔案。
• Adobe After Effects CS3 Professional 和 Premiere Pro CS3: Adobe 的業界標準動態繪圖和視訊製作工具, 可在安裝 Flash CS3 Professional 的情形下匯出成 FLV 格式。

關於 Flash 視訊傳送選項

在網站上使用 Flash 視訊之前, 您必須先決定傳送視訊的方法。主要選項有兩個: 以漸進式下載或以串流視訊來傳送。 (兩者的重要差別在於, FLV 檔案預設會以漸進方式下載。 下載串流視訊必須使用 Flash Media Server。)

請注意: 第三個選項是將視訊內嵌在 Flash 時間軸中。 不過, 此方法只建議在沒有音效軌且非常簡短的視訊片段中使用。

若在決定傳送選項時需要協助, 請參閱表 1。請在左欄尋找您的狀況, 然後查看建議的傳送選項。 如果兩個選項都有勾選記號, 表示建議您使用其中一種。

表 1. Flash 視訊傳送選項

	內嵌	漸進式	串流化
片段不超過 5 秒
片段在 5 秒至 30 秒之間
片段超過 30 秒
低預期觀賞率
中至高預期觀賞率
立即啟動
智慧財產保護
即時視訊串流
串流率會因訪客頻寬而變動
使用 SMIL 控制檔案選取

有關傳送選項的更多資訊, 請參閱 Flash 視訊的傳送選項。

選擇傳送選項後, 請選擇要使用的編寫工具: Flash 或 Dreamweaver。

若您想將視訊輕鬆且快速地放置在網站中, 而且除了簡單的視訊控制 (播放、停止、暫停、前進以及後退) 之外無須其他互動元素, 則將視訊直接匯入 Dreamweaver 是較理想的方法。 Dreamweaver 能夠很容易將 Flash 視訊整合到 HTML 網頁版面。

如果您需要建立更多互動經驗, 或需要大幅自訂視訊的外觀和操作, 則必須使用 Flash CS3 中的視訊功能。 您也會需要使用 Flash CS3 Professional 來編碼 Flash 視訊 (FLV) 檔案。

有關編寫選項的更多資訊, 請參閱將 Flash 視訊加入網頁。

第 1 頁 共 6 頁

下一页

關於作者