Animate 提供數種方法,可讓您將視訊整合至 Animate 文件,並為使用者播放該文件。

開始之前

開始在 Animate 中使用視訊之前,請務必了解下列資訊:

  • Animate 只能播放特定視訊格式。

    這包括 FLV、F4V 與 MPEG 視訊。如需將視訊轉換為其他格式的說明,請參閱建立要在 Animate 中使用的視訊

  • 使用獨立的 Adobe Media Encoder 應用程式 (隨附於 Animate),將其他視訊格式轉換為 F4V。如需說明,請參閱建立要在 Animate 中使用的視訊

  • 有不同的方法可將視訊新增至 Animate,每種方法在不同情況下都有其優點。下列清單列出這些方法。

  • Animate 包含「視訊匯入精靈」,當您選擇「檔案 > 匯入 > 匯入視訊」時,便會開啟此精靈。

  • 若要快速在 Animate 檔案中播放視訊,使用 FLVPlayback 組件是最簡單的方法。

    如需說明,請參閱採漸進方式從網站伺服器下載視訊

在 Animate 中使用視訊的方法

您可以不同的方式來使用 Animate 中的視訊:

  • 採漸進方式從網站伺服器下載視訊

    這個方法可讓視訊檔案置於 Animate 檔案與所產生 SWF 檔案的外部。如此可讓 SWF 檔案維持較小的大小。這是在 Animate 中使用視訊的最常用方法。

  • 使用 Adobe Media Server 來串流視訊。

    這個方法也可讓視訊檔案置於 Animate 檔案的外部。Adobe Media Streaming Server 可保護視訊內容,並提供流暢的串流播放經驗。

  • 直接將視訊資料嵌入 Animate 檔案中

    這個方法會產生非常大的 Animate 檔案,建議只有當視訊片段長度不長時才使用這個方法。如需說明,請參閱將視訊嵌入 Animate 檔案

採漸進方式從網站伺服器下載視訊

漸進式下載可讓您使用 FLVPlayback 組件或您所撰寫的 ActionScript,在執行階段將外部 FLV 或 F4V 檔案載入 SWF 檔案並播放。

由於視訊檔案位於外部,並非像其他 Animate 內容一樣在同一個檔案中,因此您不需要重新發佈 SWF 檔案便可輕鬆更新視訊內容。

漸進式下載在將視訊嵌入時間軸時會提供下列優勢:

  • 在編寫過程中,您可以只發佈 SWF 檔案來預覽或測試部分或全部的 Animate 內容。在反覆的實驗中,產生了更快的預覽次數和更快的返回。

  • 在播放過程中,只要第一個視訊片段下載並快取到本機電腦磁碟機中,就會開始播放視訊。

  • 在執行階段中,Flash Player 會將視訊檔案從電腦的磁碟機載入 SWF 檔中 (不限任何檔案大小或持續時間)。並不會有音效同步處理的問題或是記憶體的限制。

  • 為了讓製作 Animate 內容的過程更具彈性,視訊檔案的影格速率可以不同於 SWF 檔案的影格速率。

匯入視訊以提供漸進式下載

您可以匯入儲存在本機電腦上的視訊檔案,然後先將視訊檔案匯入您的 FLA 檔,然後再上傳到伺服器。在 Animate 中,匯入視訊供漸進式下載時,您其實只是加入視訊檔案的參考。Animate 會使用參考,在本機電腦或網站伺服器上尋找視訊檔案。

您也可以匯入已上傳至標準網站伺服器、Adobe Media Server (AMS) 或「Flash 視訊串流服務 (FVSS)」的視訊檔案。

  1. 選取「檔案 > 匯入 > 匯入視訊」,將視訊片段匯入至目前的 Animate 文件。

    「選取視訊」視窗
    Select video window
  2. 選取要匯入的視訊片段。您可以選取本機電腦上的視訊片段,或輸入已上傳至網站伺服器或 Adobe Media Server 的視訊 URL。

    • 若要匯入位於本機電腦上的視訊,請選取「使用播放組件載入外部視訊」。

    • 若要匯入已部署至網站伺服器、Adobe Media Server 或「Flash 視訊串流服務」的視訊,請選取「已經部署至網站伺服器」、「Flash 視訊串流服務」或「Adobe Media Server 的串流」,並輸入視訊片段的 URL。

    註解:

    網站伺服器上的視訊片段的 URL 會使用 http 通訊協定。Adobe Media Server 或 Flash 串流服務上的視訊片段,其 URL 將使用 RTMP 通訊協定。

  3. 選取視訊片段的外觀元素。 

    選取視訊片段的外觀元素
    Select the skin for video clip

    您可以選擇:

    • 選取「無」的話,FLVPlayback 組件就不會使用外觀元素。

    • 選取其中一個預先定義的 FLVPlayback 組件外觀元素。Animate 會將外觀元素複製到 FLA 檔案所在的資料夾。

    註解:

    視您要建立的是 AS2 或 AS3 架構 Animate 文件而定,FLVPlayback 組件的外觀會有些微差異。

    • 輸入網站伺服器上外觀元素的 URL,以選取您自己設計的自訂外觀元素。

    註解:

    如果您選擇使用從遠端位置叫用的自訂外觀元素,「舞台」上的視訊將無法使用即時預覽。

  4. 「視訊匯入」精靈會在「舞台」上建立一個 FLVPlayback 視訊元件,您可以使用該元件在本機測試視訊的播放。您完成建立 Animate 文件後,如果想要部署 SWF 檔案與視訊片段,請將下列資源上傳至網站伺服器,或裝載視訊的 Adobe Media Server:

    • 如果使用的是本機視訊片段副本,請上傳視訊片段 (和您所選取的 .flv 副檔名的來源視訊片段位於相同的資料夾中)。

    註解:

    Animate 會使用相對路徑以指向 FLV 或 F4V 檔案 (相對於 SWF 檔案),讓您可將伺服器上使用的目錄結構原封不動地移植到本機使用。如果視訊原本就已部署至裝載該視訊的 FMS 或 FVSS 上,則可略過這個步驟。

    • 視訊外觀元素 (若選擇使用外觀元素時)

      若要使用預先定義的外觀元素,Animate 會將該外觀元素複製到 FLA 檔案所在的資料夾。

    • FLVPlayback 組件

      若要編輯 FLVPlayback 組件的 URL 欄位,使其成為視訊要上傳的目標網站伺服器或 Adobe Media Server 之 URL,請使用「組件檢測器」(「視窗 > 組件檢測器」) 編輯 contentPath 參數。

使用 Adobe Media Server 來串流視訊

Adobe Media Server 以即時的方式將媒體串流至 Flash Player 與 AIR。Adobe Media Server 會運用頻寬偵測,依據使用者的可用頻寬來傳遞視訊或音效內容。

相較於內嵌視訊和漸進式下載視訊,透過 Adobe Media Server 的串流視訊具有下列優點:

  • 視訊播放比使用其他方式結合視訊時更快地開始。

  • 由於用戶端不需下載整個檔案,因此串流所耗用的用戶端記憶體與磁碟空間會比較少。

  • 此外,由於只有所觀看的視訊部分才會傳送至用戶端,因此網路資源的使用會更有效率。

  • 由於串流的媒體並不會儲存至用戶端的快取,因此傳送媒體會更加安全。

  • 串流視訊提供了較佳的追蹤、報告和記錄的能力。

  • 串流讓您可以傳送即時視訊和音效簡報,或透過網路攝影機或數位攝影機擷取視訊。

  • Adobe Media Server 可讓視訊聊天、視訊訊息和視訊會議應用程式,可以使用多向及多使用者串流。

  • 利用伺服器端指令碼編寫控制視訊與音效串流,可以建立伺服器端播放清單、將串流同步化,並根據用戶端連線速度提供更合適的傳送選項。

若要深入了解 Adobe Media Server,請參閱 www.adobe.com/go/flash_media_server_tw

若要深入了解「Flash 視訊串流服務」,請參閱 www.adobe.com/go/learn_fvss_tw

將視訊檔案嵌入 Animate 檔案

在您嵌入視訊檔案時,所有視訊檔案資料都會加入 Animate 檔案中。因此會產生較大的 Animate 檔案和後續 SWF 檔案。視訊位於「時間軸」中,您可以在此看到以「時間軸」影格所表示的各個視訊影格。由於每個視訊影格都是以「時間軸」中的一個影格來代表,因此視訊片段和 SWF 檔的影格速率必須是相同的。如果 SWF 和嵌入的視訊片段使用不同的影格速率,則播放視訊時便會無法一致。

注意:若要使用不同的影格速率,請使用漸進式下載或 Adobe Media Server,以串流方式播放視訊。因為使用這兩種方法匯入視訊檔案時,FLV 或 F4V 檔案是完全獨立的,播放時的影格速率不同於 SWF 檔案中的所有其他時間軸影格速率。

內嵌視訊最適合播放時間少於 10 秒的小型視訊片段。如果您要使用播放時間較長的視訊片段,請考慮使用漸進式下載視訊,或者使用 Adobe Media Server 串流視訊。

內嵌視訊的使用限制包括:

  • 如果產生的 SWF 檔過大,可能會發生問題。 Flash Player 會使用大量的記憶體進行下載並嘗試播放含有內嵌視訊的大型 SWF 檔,這種情況可能會導致 Flash Player 失敗。

  • 一般而言,較長的視訊檔案 (長度超過 10 秒),其視訊片段的視訊和音效間,通常會有同步化的問題。 經過一段時間之後,音效軌的播放速度便會開始跟不上視訊,因而影響到觀看影片的感覺。

  • 播放 SWF 檔中的內嵌視訊時,必須等到整個視訊檔案下載完成才會開始播放視訊。 因此如果內嵌的視訊檔案過大,則從完整下載 SWF 檔到開始播放,可能要等上一段時間。

  • 匯入視訊片段之後,便無法再進行編輯。否則,您就必須重新編輯視訊並重新匯入。

  • 當您透過網際網路發佈 SWF 檔時,觀眾的電腦必須下載整個視訊完成才能開始播放視訊。

  • 在執行階段,整個視訊必須裝入播放端電腦的本機記憶體。

  • 匯入的視訊檔長度不可超過 16000 個影格。

  • 視訊影格速率必須與 Animate 的「時間軸」影格速率相同。Animate 檔案的影格速率應設定為符合內嵌視訊的影格速率。

您可以沿著「時間軸」拖曳播放磁頭,預覽已嵌入視訊的影格。請注意,拖曳期間不會播放視訊音軌。若要預覽有聲音的視訊,請使用「測試影片」命令。

將視訊嵌入 Animate 檔案

  1. 選取「檔案 > 匯入 > 匯入視訊」,將視訊片段匯入至目前的 Animate 文件。

  2. 選擇下列其中一個選項:

    載入具有播放組件的外部視訊:匯入視訊並建立 FLVPlayback 組件的實體,以控制視訊的播放。

    在 SWF 中內嵌 FLV 並在時間軸中播放:將 FLV 內嵌於 Animate 文件,並放置在時間軸中。

    在時間軸中嵌入 H.264 視訊:將 H.264 視訊內嵌於 Animate 文件中。當您使用這個選項匯入視訊時,視訊會放在舞台上,在設計階段做為您製作動畫的指引。當您拖曳或播放時間軸時,舞台將會顯示視訊中的影格。此外,還會播放相關影格的音效。

    注意:

    • 當您嘗試在導引線圖層或隱藏的圖層以外的圖層上發佈具有 H264 視訊內容的 FLA 檔案時,會出現警告訊息,指出您要發佈的目標平台不支援內嵌的 H.264 視訊。
  3. 按一下「瀏覽」,從您的電腦選取視訊檔案並按「下一步」。

    選擇性:如果您已在電腦上安裝 Adobe Media Encoder,並且想要使用 AME 將視訊轉換為其他格式,請按一下「轉換視訊」。

  4. 選擇要用來嵌入視訊的元件類型。

    選擇元件類型
    Choose the symbol type

    內嵌視訊

    如果您要在時間軸上線性播放視訊片段,將視訊匯入時間軸便是最適合的作法。

    影片片段

    最佳作法是將視訊放在影片片段實體內,這樣便可擁有最完整的內容控制權。 視訊時間軸的播放與主時間軸無關。 您不必為了配合視訊而在主時間軸中擴充許多影格,因為這樣可能導致很難處理 FLA 檔。

    圖像

    將視訊片段內嵌為圖像元件的話,您就無法使用 ActionScript 與視訊互動 (圖像元件通常是用於靜態影像,或是用來建立與主時間軸相結合的重複動畫片段)。

  5. 將視訊片段直接匯入到「舞台」(及時間軸) 上,或匯入為元件庫項目。

    根據預設,Animate 會將匯入的視訊放置在「舞台」上。如果只要匯入到元件庫,請取消選取「將實體放置在舞台上」。

    如果要建立平鋪直敘、只有少許互動的簡單視訊簡報,請接受預設設定,將視訊匯入至「舞台」上。 如果要建立較為動態的簡報、配合多個視訊片段使用,或是使用 ActionScript 添加動態轉場或其他元素,請將視訊匯入到元件庫。 當視訊片段匯入到元件庫之後,您就能夠將視訊片段轉換成 MovieClip 物件,並可進一步輕鬆地透過 ActionScript 加以控制。

    根據預設,Animate 會配合您所嵌入的視訊片段播放長度來擴展時間軸。

    如果視訊檔案包含您不希望匯入的音效,請取消選取「包含音效」。 

  6. 按「下一步」。請檢閱確認訊息,然後按一下「完成」。

    「視訊匯入」精靈會將視訊嵌入至 SWF 檔中。此視訊會依據您所選擇的內嵌選項出現在「舞台」上或元件庫中。

    「完成視訊匯入」對話方塊
    Finish video import dialog
  7. 在「屬性」檢測器 (「視窗 > 屬性」) 中,指定視訊片段的實體名稱,並視需要修改視訊片段的屬性。

    視訊片段實體名稱
    Video clip instance name

將視訊檔案匯入元件庫

若要匯入 FLV、F4V 或 H.264 視訊,請使用「匯入 > 匯入視訊」或「匯入至元件庫」命令。

若要自行建立以動態方式從外部來源載入 FLV 或 F4V 檔的視訊播放程式,請將視訊放在影片片段元件的內部。當您以動態方式載入 FLV 或 F4V 檔時,請配合視訊檔的實際尺寸調整影片片段的尺寸,並縮放影片片段以縮放視訊。

註解:

最佳作法是將視訊放在影片片段實體內,這樣便可擁有最完整的內容控制權。 視訊時間軸的播放與主時間軸無關。 您不必為了配合視訊而在主時間軸中擴充許多影格,因為這樣可能導致很難處理 FLA 檔。

  1. 若要將 FLV、SWF 或 H.264 視訊檔案匯入元件庫,請執行下列其中一項:

    • 選取「檔案 > 匯入 > 匯入至元件庫」。

    • 在「元件庫」面板中選取任何現有的視訊片段,再從「元件庫面板」選單選取「屬性」。您也可以用滑鼠右鍵按一下視訊檔案,並選擇彈出式選單中的「屬性」。按一下「匯入」。找出要匯入的檔案,然後按一下「開啟」。

    匯入至元件庫選項
    Import to library option

更改視訊片段的屬性

在「屬性」檢測器中,您可以為「舞台」上的內嵌視訊片段實體變更屬性、為實體指定實體名稱,以及變更它在「舞台」上的寬度、高度及位置。您也可以替換視訊片段的實體,也就是為視訊片段的實體指定不同的元件。 為實體指定不同的元件之後,「舞台」上將會顯示不同的實體,但其他所有實體屬性 (例如尺寸、註冊點等) 則會完整保留。

在「視訊屬性」對話方塊中,您可以執行下列動作:

  • 檢視匯入視訊片段的相關資訊,包括名稱、路徑、建立日期、像素尺寸、長度和檔案大小。

  • 變更視訊片段名稱

  • 更新在外部編輯器中修改的視訊片段

  • 匯入 FLV 或 F4V 檔以取代選取的片段

  • 將視訊片段匯出成 FLV 或 F4V 檔

在屬性檢測器中變更視訊實體的屬性

  1. 在「舞台」上選取內嵌或連結視訊片段的實體。
  2. 選取「視窗 > 屬性」,然後執行下列任何一項:

    • 在「屬性」檢測器左側的「名稱」文字欄位中輸入實體名稱。

    • 輸入 W 和 H 的值,以變更視訊實體的尺寸。

    • 輸入 X 和 Y 的值,以變更視訊實體左上角在「舞台」上的位置。

    • 按一下「替換」。 選取視訊片段以取代目前指定給實體的視訊片段。

      注意:您只能用另一個內嵌視訊片段來替換內嵌視訊片段,而且只能用另一個連結視訊片段來替換連結視訊片段。

在視訊屬性對話方塊中檢視視訊片段的屬性

  1. 在「元件庫」面板中選取視訊片段。
  2. 從「元件庫面板」選單中選取「屬性」,或是按一下「元件庫」面板底部的「屬性」按鈕。「視訊屬性」對話方塊隨即出現。

為視訊指定新名稱、更新視訊或取代視訊

  1. 在「元件庫」面板中選取視訊片段,再從「元件庫面板」選單選取「屬性」。
  2. 請執行下列其中一項:

    • 若要指定新名稱,請在「名稱」文字欄位中輸入名稱。

    • 若要更新視訊,請瀏覽至已更新過的視訊檔案,然後按一下「開啟」。

    • 若要取代某個視訊,請按一下「匯入」,瀏覽至要取代現有片段的 FLV、F4V 或 H.264 檔案,然後按一下「開啟」。

使用時間軸控制視訊播放

若要控制內嵌視訊檔案的播放,請控制包含此視訊的「時間軸」。例如,若要暫停一段正在主時間軸上播放的視訊,您應該針對主時間軸呼叫 stop() 動作。 同樣地,若要控制影片片段元件中的視訊物件,您可以控制該元件時間軸的播放。

您可以將下列動作套用到影片片段中匯入的視訊物件:goToplaystoptoggleHighQualitystopAllSoundsgetURLFScommandloadMovieunloadMovieifFrameLoadedonMouseEvent。 若要將動作套用至「視訊」物件上,請先將「視訊」物件轉換成影片片段。

若要顯示來自攝影機的即時視訊串流,請使用 ActionScript。首先,選取「元件庫面板」選單中的「新增視訊」,將「視訊」物件置於「舞台」上。接著使用 Video.attachVideo,將視訊串流附加至該「視訊」物件上。

請參閱「ActionScript 2.0 語言參考」中的 Video 和 attachVideo (Video.attachVideo 方法) 以及「Adobe® Flash® Professional CS5 的 ActionScript® 3.0 參考」中的「fl.video」

編輯視訊的來源檔案之後更新內嵌視訊

  1. 在「元件庫」面板中選取視訊片段。
  2. 選取「屬性」,然後按一下「更新」。

    會以編輯過的檔案更新內嵌視訊片段。 您第一次匯入視訊時所選取的壓縮設定值,將會被重新套用至更新之後的視訊片段上。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策