使用 ActionScript 控制外部視訊播放

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

以動態方式播放外部 FLV 或 F4V 檔

除了將視訊匯入 Animate 編寫環境之外,也可以使用 FLVPlayback 組件或 ActionScript,在 Flash Player 中以動態方式播放外部 FLV 或 F4V 檔案。您也可以同時使用 FLVPlayback 組件和 ActionScript。

您可以播放已發佈為 HTTP 下載項目或本機媒體檔案的 FLV 或 F4V 檔。若要播放外部 FLV 或 F4V 檔案,請將 FLV 或 F4V 檔案發佈到某個 URL (HTTP 網站或本機資料夾),然後在 Animate 文件中加入 FLVPlayback 組件或 ActionScript 程式碼,以便在執行階段存取該檔案並控制播放。

使用外部 FLV 或 F4V 檔具備了使用匯入的視訊時無法獲得的下列功能:

  • 您可以使用較長的視訊片段,而不會造成播放遲緩的現象。播放外部 FLV 或 F4V 檔時會用到「快取記憶體」,也就是說,大型檔案會儲存成許多小片段並以動態方式存取,這樣所需的記憶體會比播放內嵌視訊檔來得少。

  • 外部 FLV 或 F4V 檔案的影格速率不一定要和播放檔案所在的 Animate 文件相同。例如,您可以將 Animate 文件影格速率設定成 30 fps,然後將視訊影格速率設定成 21 fps,讓您有更好的控制,以確保視訊播放順暢。

  • 使用外部 FLV 或 F4V 檔案之後,Animate 文件的播放便不會因為正在載入視訊檔而受到干擾。匯入的視訊檔有時會中斷文件播放來執行某些功能 (例如,存取 CD-ROM 光碟機)。FLV 或 F4V 檔案則可獨立於 Animate 文件之外執行其功能,因此不會干擾到文件的播放。

  • 使用外部 FLV 或 F4V 檔時,為視訊內容加上字幕的工作也變得較為容易,因為您可以使用回呼函數存取視訊的中繼資料。

視訊播放中使用的行為指令

「視訊」行為指令提供了一種控制視訊播放的方式。 行為指令是預先撰寫好的 ActionScript 程式碼,可以加入觸發物件來控制另一個物件。行為指令可以讓您將 ActionScript 編碼的功能性、控制性和彈性加入文件中,而無需建立 ActionScript 程式碼。 「視訊」行為指令可以播放、停止、暫停、倒帶、快轉、顯示及隱藏視訊片段。

若要使用行為指令來控制視訊片段,請使用「行為指令」面板將行為指令套用至某個觸發物件 (例如影片片段)。 請指定會觸發行為指令的事件 (例如播放影片片段)、選取目標物件 (受該行為指令影響的視訊),並視需要選取行為指令的設定值 (例如要倒帶的影格數目)。

註解:

觸發物件必須為影片片段。 視訊播放行為指令無法附加到按鈕元件或按鈕組件。

Animate 中的下列行為指令可以用來控制內嵌視訊:

行為指令

目的

參數

播放視訊

在目前的文件中播放視訊。

目標視訊的實體名稱

停止視訊

停止視訊。

目標視訊的實體名稱

暫停視訊

暫停視訊。

目標視訊的實體名稱

倒帶視訊

將視訊倒帶指定的影格數目。

目標視訊的實體名稱

影格數目

快轉視訊

將視訊快轉指定的影格數目。

目標視訊的實體名稱

影格數目

隱藏視訊

隱藏視訊。

目標視訊的實體名稱

顯示視訊

顯示視訊。

目標視訊的實體名稱

使用行為指令控制視訊播放

  1. 選取會觸發行為指令的影片片段。
  2. 在「行為指令」面板 (「視窗 > 行為指令」) 中,按一下「增加 (+)」按鈕,然後在「內嵌視訊」子選單中選取要使用的行為指令。
  3. 選取要控制的視訊。
  4. 選取相對或絕對路徑。
  5. 如有需要,請為行為指令的參數選取設定,然後按一下「確定」。
  6. 在「行為指令」面板的「事件」下,按一下「放開時」(預設事件),然後選取一項滑鼠事件。 若要使用這項「放開時」事件,請不要變更此選項。

FLVPlayback 組件

FLVPlayback 組件可讓您在 Animate 應用程式中加入視訊播放程式,以便透過 HTTP 播放漸進式下載視訊 (FLV 或 F4V) 檔案,或是從 Adobe Media Server (AMS) 或 Flash 視訊串流服務 (FVSS) 播放串流 FLV 檔案。

FLVPlayback 組件會執行下列作業:

  • 提供了一組預先設計好的外觀元素,可用來自訂播放控制項和使用者介面的外觀與質感。

  • 可讓進階的使用者建立自訂的外觀元素。

  • 提供提示點,可用來在 Animate 應用程式中讓視訊與動畫、文字和圖像同步化。

  • 提供即時預覽自訂內容的功能。

  • 可保持 SWF 檔大小在合理的範圍,以方便下載。

    FLVPlayback 組件是觀看視訊用的顯示區域。 FLVPlayback 組件含有 FLV 自訂使用者介面控制項,這是一組控制按鈕,可用來播放、停止、暫停和控制視訊。

設定 FLVPlayback 組件

  1. 先在「舞台」上選取 FLVPlayback 組件,開啟「屬性」檢測器 (「視窗 > 屬性」) 並輸入實體名稱。
  2. 在「屬性」檢測器中選取「參數」,或是開啟「組件檢測器」(「視窗 > 組件」)。
  3. 輸入參數值或使用預設設定。

    在「屬性」檢測器或「組件檢測器」中,您可以設定每個 FLVPlayback 組件實體的下列參數:

    註解:

    在多數情況下,除非您想修改視訊外觀元素的外觀,否則不需要變更 FLVPlayback 組件的設定。 使用「視訊匯入」精靈設定的參數,通常就能符合大多數部署的需求。

    autoPlay

    Boolean 值,用來決定如何播放 FLV 或 F4V。如果為 true,載入視訊後會立即播放。如果為 false,則會在載入第一個影格後暫停。 預設值為 true

    autoRewind

    Boolean 值,用來決定視訊是否要自動倒帶。如果為 true,當播放磁頭到達結尾或使用者按下停止按鈕時,FLVPlayback 組件會自動將視訊倒帶回起始處。如果為 false,組件就不會將視訊自動倒帶。預設值是 true

    autoSize

    Boolean 值,如果為 true,在執行階段便會使用來源視訊的尺寸調整組件的大小。預設值是 false

    注意:編碼後的視訊影格大小,和 FLVPlayback 組件的預設尺寸並不相同。

    bufferTime

    開始播放前的緩衝秒數。 預設值為 0。

    contentPath (AS2 檔案)

    字串值,用來指定 FLV 或 F4V 的 URL,或是描述視訊播放方式之 XML 檔的 URL。連按兩下此參數的「值」儲存格,便可開啟「內容路徑」對話方塊。 預設值為空字串。 若沒有指定 contentPath 參數的值,當 Animate 執行 FLVPlayback 實體時不會發生任何動作。

    source (AS3 檔案)

    字串值,用來指定 FLV 或 F4V 的 URL,或是描述視訊播放方式之 XML 檔的 URL。連按兩下此參數的「值」儲存格,便可開啟「內容路徑」對話方塊。 預設值為空字串。 若沒有指定 contentPath 參數的值,當 Animate 執行 FLVPlayback 實體時不會發生任何動作。

    isLive

    Boolean 值,如果為 true,表示應從 FMS 即時串流視訊。預設值是 false

    cuePoints

    字串值,用來指定視訊的提示點。您可以利用提示點,將視訊中的特定點與 Animate 動畫、圖像或文字同步化。預設值為空字串。

    maintainAspectRatio

    Boolean 值,如果為 true,會調整 FLVPlayback 組件內視訊播放程式的大小,以維持來源視訊的顯示比例;來源視訊仍會縮放,而 FLVPlayback 組件本身則不會調整大小。autoSize 參數優先於這個參數。 預設值為 true

    skin

    這個參數會開啟「選取外觀元素」對話方塊,讓您為組件選擇外觀元素。 預設值是 None。 如果選擇 None,FLVPlayback 實體就不含任何控制項元素,所以使用者將無法播放、停止或倒帶視訊,也無法執行其他控制項可賦予的動作。如果 autoPlay 參數設定為 true,視訊會自動播放。如需詳細資訊,請參閱「使用 ActionScript 3.0 組件」或「ActionScript 2.0 組件語言參考」中的「自訂 FLVPlayback 組件」。

    totalTime

    來源視訊的總秒數。預設值為 0。 如果使用漸進式下載,只要 Animate 設定大於零 (0) 的值,它就會使用這個值。否則,Animate 會試著從中繼資料取得時間資料。

    注意:若您使用 FMS 或 FVSS,程式會忽略此值,並從伺服器取得視訊的總時間。

    volume

    介於 0 到 100 的數字,表示設定音量的最高音量的百分比值。

指定 contentPath 或 source 參數

如果您將本機視訊片段匯入 Animate 以供漸進式下載或串流視訊內容使用,請在上傳內容到網站伺服器或 Adobe Media Server 之前,先更新 FLVPlayback 組件的 contentPath (AS2 FLA 檔案) 或 source (AS3 FLA 檔案) 參數。contentPathsource 參數指定了視訊檔在伺服器上的名稱和位置,並隱含播放方法 (例如,使用 HTTP 漸進式下載,或使用 RTMP 從 Adobe Media Server 串流視訊)。

  1. 在「舞台」上選取了 FLVPlayback 組件後,請開啟「屬性」檢測器 (「視窗 > 屬性」) 並選取「屬性」檢測器中的「參數」,或是開啟「組件檢測器」(「視窗 > 組件檢測器」)。
  2. 依需要輸入參數值或使用預設設定。 針對 contentPathsource 參數,請執行下列步驟: a) 按兩下 contentPathsource 參數的「值」儲存格,便可開啟「內容路徑」對話方塊。b) 輸入 FLV 或 F4V 檔案或者 XML 檔案 (描述視訊播放方式,適用於 Adobe Media Server 或 FVSS) 的 URL 或本機路徑。

    如果您不知道視訊檔或 XML 檔的位置,請按一下資料夾圖示,以瀏覽方式找出正確的位置。以瀏覽方式搜尋視訊檔時,如果該檔案位於目標 SWF 檔案所在位置的同一層或下一層,Animate 會自動使用相對於該位置的路徑,以便您在網站伺服器上使用。否則,路徑將是 Windows 或 Macintosh 檔案的絕對路徑。

    若您指定了 HTTP URL,視訊檔便會是漸進式下載的 FLV 或 F4V 檔。如果指定的 URL 是 Real-Time Messaging Protocol (RTMP) URL,則會從 Adobe Media Server (AMS) 上串流視訊。XML 檔的 URL 也可以是來自 AMS 或 FVSS 的串流視訊檔。

    註解:

    當您在「內容路徑」對話方塊中按一下「確定」後,Animate 也會更新 cuePoints 參數值,因為您可能修改了 contentPath 參數,導致 cuePoints 參數已不再適用於目前的內容路徑。如此一來,除了 ActionScript 提示點之外,任何已停用的提示點都將會遺失。 因此,建議您應該透過 ActionScript 停用非 ActionScript 提示點,而不要透過「提示點」對話方塊。

    指定 contentPathsource 參數之後,Animate 會嘗試檢查您所指定的視訊是否與 Flash Player 相容。此時若出現警告對話方塊,請試著使用 Adobe Media Encoder 將視訊重新編碼為 FLV 或 F4V 格式。

    您也可以指定某個 XML 檔的位置,由該 XML 檔描述如何在數種頻寬下播放多個視訊串流。此 XML 檔使用「同步化多媒體整合語言」(Synchronized Multimedia Integration Language,SMIL) 來描述視訊檔。如需 XML SMIL 檔的詳細說明,請參閱「ActionScript 2.0 組件語言參考」中的「使用 SMIL 檔」。

媒體組件 (適用於 Flash Player 6 和 7)

註解:

媒體組件是由 Macromedia Flash MX Professional 2004 所採用,以搭配 Flash Player 6 或 7 使用。如果您要開發視訊內容搭配 Flash Player 8 使用,就應改用版本 8 採用的 FLVPlayback 組件。FLVPlayback 組件提供更精良的功能,讓您可在 Animate 環境中更進一步控制視訊播放。

媒體組件組包含了三個組件:MediaDisplay、MediaController 及 MediaPlayback。 使用 MediaDisplay 組件,可將媒體新增到 Animate 文件、將組件拖曳到「舞台」,並且在「組件」檢測器中設定它。除了在「組件檢測器」中設定參數之外,您還可以新增提示點來觸發其他動作。 MediaDisplay 組件播放時不會有視覺化呈現,只會顯示視訊片段。

MediaController 組件提供使用者介面控制項,讓使用者能夠與串流媒體互動。 「控制器」功能有「播放」、「暫停」、「倒帶至開始」按鈕以及音量控制。 也包含了播放列,它會顯示已載入多少媒體以及已播放多少媒體。 您也可以在播放列上前後拖曳播放磁頭滑桿,快速瀏覽視訊的不同段落。使用行為指令或 ActionScript,便可以輕鬆地將這個組件連結到 MediaDisplay 組件,以顯示串流視訊並提供使用者控制項。

MediaPlayback 組件提供最便捷的方式,將視訊與控制器加入到您的 Animate 文件中。MediaPlayback 組件將 MediaDisplay 與 MediaController 組件整合為一。MediaDisplay 與 MediaController 組件實體會自動相互連結,以便進行播放控制。

若要設定這三個組件的播放、大小和版面參數,請使用「組件檢測器」或「屬性」檢測器中的「參數」標籤。 所有的媒體組件在使用 mp3 音效內容時效果都一樣好。

如需有關媒體組件的詳細資訊,請參閱「ActionScript 2.0 組件語言參考」中的「媒體組件」。

Adobe 標誌

登入您的帳戶