使用 FLVPlaybackCaptioning 組件

您可以在一個或多個 FLVPlayback 組件上使用 FLVPlaybackCaptioning 組件。在這個最簡單的案例中,您會拖曳舞台上的 FLVPlayback 組件、拖曳同一個舞台上的 FLVPlaybackCaptioning 組件、識別註解的 URL,並設定要顯示的註解。此外,您也可以設定參數來自訂 FLVPlayback 註解功能。

將註解功能加入到 FLVPlayback 組件

您可以將 FLVPlaybackCaptioning 組件加入到任何的 FLVPlayback 組件。如需有關將 FLVPlayback 組件加入應用程式中的詳細資訊,請參閱 建立具有 FLVPlayback 組件的應用程式

從組件面板加入 FLVPlaybackCaptioning 組件:

  1. 在「組件」面板中,開啟「視訊」資料夾。

  2. 拖曳 (或按兩下) FLVPlaybackCaptioning 組件,然後將它加入到舞台 (FLVPlayback 組件所在的同一個舞台) 上您要加入註解功能的位置。

    備註: Adobe 提供兩個檔案幫助您快速瞭解 FLVPlaybackCaptioning 組件:caption_video.flv (FLVPlayback 樣本) 和 caption_video.xml (註解樣本)。您可以在 www.helpexamples.com/flash/video/caption_video.flv www.helpexamples.com/flash/video/caption_video.xml 找到這些檔案。
  3. (選擇性) 將 CaptionButton 組件拖曳到與 FLVPlayback 和 FLVPlaybackCaptioning 組件所在的同一個舞台上。CaptionButton 組件可以讓使用者啟用或停用註解功能。

    備註: 如果要啟用 CaptionButton 組件,您必須將它拖曳到與 FLVPlayback 和 FLVPlaybackCaptioning 組件所在的同一個舞台上。
  4. 選取「舞台」上的 FLVPlaybackCaptioning 組件,然後在「屬性」檢測器的「參數」索引標籤中指定下列必要的資訊:

    • showCaptions 設定為 true

    • 指定要下載之 Timed Text XML 檔的 source

      在 Flash 中測試註解功能時,您應該將 showCaptions 屬性設定為 true 。然而,如果要加入可以讓使用者啟用或停用註解功能的 CaptionButton 組件,就必須將 showCaptions 屬性設定為 false

    其它參數也可以用來協助您自訂 FLVPlaybackCaptioning 組件。如需詳細資訊,請參閱 自訂 FLVPlaybackCaptioning 組件 以及「適用於 Adobe Flash Platform 的 ActionScript 3.0 參考」。

  5. 選取「控制 > 測試影片」,啟動視訊。

使用 ActionScript 動態地建立實體:

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

  2. 將 FLVPlaybackCaptioning 組件從「組件」面板拖曳到「元件庫」面板。

  3. 在時間軸的「影格 1」的「動作」面板中,加入下列程式碼。

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "install_drive:/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinUnderPlaySeekCaption.swf"; 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/caption_video.flv"; 
    var my_FLVPlybkcap = new FLVPlaybackCaptioning(); 
    addChild (my_FLVPlybkcap); 
    my_FLVPlybkcap.source = "http://www.helpexamples.com/flash/video/caption_video.xml"; 
    my_FLVPlybkcap.showCaptions = true; 
    
  4. install_drive 變更為 Flash 安裝所在的磁碟機,並修改路徑以反映安裝的 Skins 資料夾位置:

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

設定 FLVPlaybackCaptioning 組件參數

對於每個 FLVPlaybackCaptioning 組件的實體,您都可以在「屬性」檢測器或「組件檢測器」中設定下列參數來進一步自訂組件。下列清單將列出並提供這些屬性的簡短說明:

autoLayout
決定 FLVPlaybackCaptioning 組件是否可以控制註解功能區域的大小。預設值為 true

captionTargetName
確認 TextField 或 MovieClip 實體名稱是否含有註解。預設值為 auto。

flvPlaybackName
確認您要加上註解的 FLVPlayback 實體名稱。預設值為 auto。

simpleFormatting
當設定為 true 時,限制 Timed Text XML 檔的格式指示。預設值為 false

showCaptions
決定是否要顯示註解。預設值為 true

source
確認 Timed Text XML 檔的位置。

如需有關所有 FLVPlaybackCaptioning 參數的詳細資訊,請參閱「適用於 Adobe Flash Platform 的 ActionScript 3.0 參考」。

指定 source 參數

source 參數可以用來指定包含影片註解之 Timed Text XML 檔的名稱和位置。請直接在「組件檢測器」中的來源儲存格輸入 URL 路徑。

顯示註解

如果要檢視註解功能,請將 showCaptions 參數設定為 true

如需有關所有 FLVPlaybackCaptioning 組件參數的詳細資訊,請參閱「適用於 Adobe Flash Platform 的 ActionScript 3.0 參考」。

在上一個範例中,您已經學會如何建立和啟用 FLVPlaybackCaptioning 組件來顯示註解。您可以使用兩種註解來源:(1) 內含註解的 Timed Text XML 檔,或 (2) 內含與內嵌事件提示點關聯之註解文字的 XML 檔。