自訂 FLVPlaybackCaptioning 組件

如果想儘快使用 FLVPlaybackCaptioning 組件,您可以選擇使用 FLVPlaybackCaptioning 的預設值,直接將註解功能放入 FLVPlayback 組件。您也許想要自訂 FLVPlaybackCaptioning 組件來移除視訊的註解功能。

下列程式碼將示範如何使用切換註解功能按鈕動態建立 FLVPlayback 物件:

  1. 將 FLVPlayback 組件放置在舞臺上 0,0 的位置,並提供實體名稱 player

  2. 將 FLVPlaybackCaptioning 組件放置在舞臺上 0,0 的位置,並提供實體名稱 captioning

  3. 將 CaptionButton 組件放到舞台上。

  4. 在下列程式碼範例中,將 testVideoPath:String 變數設定成 FLV 檔 (使用絕對或相對路徑)。

    備註: 此程式碼範例會將 testVideoPath 變數設成 Flash 視訊樣本 caption_video.flv 。請將此變數改成您要加入註解按鈕組件之註解視訊組件的路徑。
  5. 在下列程式碼範例中,將 testCaptioningPath:String 變數設定成適當的 Timed Text XML 檔 (使用絕對或相對路徑)。

    備註: 此程式碼範例會將 testCaptioningPath 變數設成 Timed Text XML 檔 caption_video.xml 。請將此變數改成內含視訊註解之 Timed Text XML 檔的路徑。
  6. 將下列程式碼另存為 FLVPlaybackCaptioningExample.as,與 FLA 檔放在同一個目錄中。

  7. 將 FLA 檔中的 DocumentClass 設定為 FLVPlaybackCaptioningExample。

    package 
    { 
        import flash.display.Sprite; 
        import flash.text.TextField; 
        import fl.video.FLVPlayback; 
        import fl.video.FLVPlaybackCaptioning; 
         
        public class FLVPlaybackCaptioningExample extends Sprite { 
     
            private var testVideoPath:String = "http://www.helpexamples.com/flash/video/caption_video.flv"; 
            private var testCaptioningPath:String = "http://www.helpexamples.com/flash/video/caption_video.xml"; 
             
            public function FLVPlaybackCaptioningExample() { 
                player.source = testVideoPath; 
                player.skin = "SkinOverAllNoCaption.swf"; 
                player.skinBackgroundColor = 0x666666; 
                player.skinBackgroundAlpha = 0.5; 
     
                captioning.flvPlayback = player; 
                captioning.source = testCaptioningPath; 
                captioning.autoLayout = false;  
                captioning.addEventListener("captionChange",onCaptionChange); 
            } 
            private function onCaptionChange(e:*):void { 
                var tf:* = e.target.captionTarget; 
                var player:FLVPlayback = e.target.flvPlayback; 
     
                // move the caption below the video 
                tf.y = 210;  
            } 
        } 
    }

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