Anpassa komponenten FLVPlaybackCaptioning

Om du vill börja använda komponenten FLVPlaybackCaptioning fort kan du använda standardvärdena för FLVPlaybackCaptioning, som placerar bildtexten direkt ovanför FLVPlayback-komponenten. Du kan anpassa komponenten FLVPlaybackCaptioning så att bildtexten flyttas bort från videon.

Följande kod visar hur du skapar ett FLVPlayback-objekt dynamiskt med en alternativknapp för bildtext:

  1. Placera FLVPlayback-komponenten på scenen vid 0,0 och ange förekomstnamnet player .

  2. Placera FLVPlaybackCaptioning-komponenten på scenen vid 0,0 och ange förekomstnamnet captioning .

  3. Placera CaptionButton-komponenten på scenen.

  4. I följande kodexempel anger du variabeln testVideoPath:String till en FLV-fil (använd en absolut eller relativ sökväg).

    Obs! Kodexemplet ställer in variabeln testVideoPath till Flash-videoexemplet caption_video.flv . Ändra den här variabeln till den sökväg för bildtextvideokomponenten som du lägger till en bildtextknappkomponent i.

  5. I följande kodexempel anger du variabeln testCaptioningPath:String till en lämplig Timed Text XML-fil (använd en absolut eller relativ sökväg).

    Obs! Kodexemplet anger variabeln testCaptioningPath till TT-XML-filen caption_video.xml . Ändra variabeln till sökvägen till TT-XML-filen som innehåller bildtexter till videon.

  6. Spara följande kod som FLVPlaybackCaptioningExample.as i samma katalog som din FLA-fil.

  7. Ställ in FLVPlaybackCaptioningExample som DocumentClass i FLA-filen. 

    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;  
        } 
    } 
}

    Mer information om alla FLVPlaybackCaptioning-parametrar finns i Referenshandbok för ActionScript 3.0 i Adobe Flash Professional .