建立具有 FLVPlayback 組件的應用程式

您可以使用下列方式,在應用程式中加入 FLVPlayback 組件:

  • 將 FLVPlayback 組件從「組件」面板拖曳到「舞台」上,並指定 source 參數的值。

  • 使用「視訊匯入」精靈,在「舞台」上建立組件,並且選擇外觀元素來自訂這個組件。

  • 使用 FLVPlayback() 建構函式動態地在「舞台」上建立 FLVPlayback 實體 (假設該組件位於元件庫中)。

    備註: 如果是使用 ActionScript 建立 FLVPlayback 實體,您必須同時使用 ActionScript 設定 skin 屬性,將外觀元素指定給這個實體。若採用這種方式套用外觀元素,就不會自動隨 SWF 檔發佈外觀元素。您必須將應用程式 SWF 檔和外觀元素 SWF 檔一併複製到應用程式伺服器,否則在執行應用程式時將無法使用外觀元素 SWF 檔。

從組件面板拖曳 FLVPlayback 組件

  1. 在「組件」面板中,按一下加號 (+) 按鈕以開啟視訊項目。

  2. 將 FLVPlayback 組件拖曳到「舞台」。

  3. 選取「舞台」上的 FLVPlayback 組件,然後在「組件檢測器」的「參數」索引標籤上,找出 source 參數的「值」儲存格,並輸入字串以指定下列其中一項:

    • 視訊檔的本機路徑

    • 視訊檔的 URL

    • 描述如何播放視訊檔之「同步化多媒體整合語言」(Synchronized Multimedia Integration Language,SMIL) 檔案的 URL

      如需有關如何建立 SMIL 檔以描述一個或多個 FLV 檔的詳細資訊,請參閱 使用 SMIL 檔

  4. 當「舞台」上的 FLVPlayback 組件已選取的情況下,在「組件檢測器」的「參數」索引標籤上,按一下 skin 參數的「值」儲存格。

  5. 按一下放大鏡圖示以開啟「選取外觀元素」對話方塊。

  6. 選取下列其中一個選項:

    • 從下拉式「外觀元素」清單中,選取其中一個預先設計的外觀元素,將一組播放控制項附加到組件上。

    • 如果您建立了自訂的外觀元素,請從彈出式選單中選取「自訂外觀元素 URL」,然後在「URL」方塊中輸入包含該外觀元素之 SWF 檔的 URL。

    • 選取「無」,並將個別 FLV 播放自訂 UI 組件拖曳至「舞台」,即可加入播放控制項。

      備註: 在前兩種情況下,外觀元素的預覽畫面都會出現在彈出式選單上方的檢視窗格中。您可以使用「顏色挑選器」來變更外觀元素的顏色。

      如果要變更自訂使用者介面控制項的顏色,您必須使用自訂的方式。如需有關使用自訂使用者介面控制項的詳細資訊,請參閱 個別設定 FLV 播放自訂 UI 組件的外觀元素

  7. 按一下「確定」,關閉「選取外觀元素」對話方塊。

  8. 選取「控制 > 測試影片」,以執行 SWF 檔並啟動視訊。

    下列程序會使用「視訊匯入」精靈來加入 FLVPlayback 組件:

使用視訊匯入精靈:

  1. 選取「檔案 > 匯入 > 匯入視訊」。

  2. 選取下列其中一個選項以指定視訊檔的位置:

    • 在電腦中

    • 已經部署至網站伺服器、Flash 視訊串流服務或 Flash Media Server

  3. 請視您的選擇,輸入指定視訊檔位置的路徑或 URL,然後按「下一步」。

  4. 如果選取了檔案路徑,接著便會出現「部署」對話方塊,您可以在這個方塊中選取其中一個選項,以指定部署視訊的方式:

    • 從網站伺服器漸進式下載

    • Flash 視訊串流服務的串流

    • Flash Media Server 的串流

    • 在 SWF 檔中內嵌視訊並在時間軸中播放

      重要事項: 請勿選取「內嵌視訊」選項。FLVPlayback 組件只能播放外部串流視訊。這個選項不會將 FLVPlayback 組件放在「舞台」上。
  5. 按「下一步」。

  6. 選取下列其中一個選項:

    • 從下拉式「外觀元素」清單中,選取其中一個預先設計的外觀元素,將一組播放控制項附加到組件上。

    • 如果您已經為組件建立了自訂的外觀元素,請從彈出式選單中選取「自訂外觀元素 URL」,然後在「URL」方塊中輸入包含該外觀元素之 SWF 檔的 URL。

    • 選取「無」,並將個別 FLV 播放自訂 UI 組件拖曳至「舞台」,即可加入播放控制項。

      備註: 在前兩種情況下,外觀元素的預覽畫面都會出現在彈出式選單上方的檢視窗格中。
  7. 按一下「確定」,關閉「選取外觀元素」對話方塊。

  8. 請閱讀「完成視訊匯入」對話方塊以瞭解接下來會發生的事,然後按「完成」。

  9. 如果您尚未儲存 FLA 檔,便會出現「另存新檔」對話方塊。

  10. 選取「控制 > 測試影片」,以執行 SWF 並啟動視訊。

    下列程序會使用 ActionScript 來加入 FLVPlayback 組件。

使用 ActionScript 動態地建立實體:

  1. 將 FLVPlayback 組件從「組件」面板拖曳到「元件庫」面板 (「視窗 > 元件庫」)。

  2. 在時間軸的「影格 1」的「動作」面板中,加入下列程式碼。將 install_drive 變更為 Flash 安裝所在的磁碟機,並修改路徑以反映安裝的 Skins 資料夾位置:

    在 Windows 電腦上:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

    在 Macintosh 電腦上:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    備註: 如果尚未設定 source skin 屬性,產生的影片片段將會顯示空白。
  3. 選取「控制 > 測試影片」,以執行 SWF 檔並啟動視訊檔。