Personnalisation du composant FLVPlaybackCaptioning

Pour commencer à utiliser le composant FLVPlaybackCaptioning rapidement, vous pouvez choisir d’utiliser les valeurs par défaut du composant FLVPlaybackCaptioning qui placent le sous-titrage directement sur le composant FLVPlayback. Vous voudrez peut-être personnaliser le composant FLVPlaybackCaptioning pour éloigner le sous-titrage de la vidéo.

Le code suivant montre comment créer de manière dynamique un objet FLVPlayback à l’aide du bouton bascule de sous-titrage :

  1. Placez le composant FLVPlayback sur la scène à la position 0,0 et donnez le nom d’occurrence player.

  2. Placez le composant FLVPlaybackCaptioning sur la scène à la position 0,0 et donnez-lui le nom d’occurrence captioning.

  3. Placez le composant CaptionButton sur la scène.

  4. Dans l’exemple de code suivant, définissez la variable testVideoPath:String sur un fichier FLV (à l’aide d’un chemin absolu ou relatif).

    Remarque : l’exemple de code définit la variable testVideoPath sur l’exemple vidéo Flash, caption_video.flv. Modifiez cette variable et définissez-la sur le chemin du composant de sous-titrage vidéo auquel vous ajoutez un composant Button de sous-titrage.
  5. Dans l’exemple de code suivant, définissez la variable testCaptioningPath:String sur un fichier XML Timed Text approprié (à l’aide d’un chemin absolu ou relatif).

    Remarque : l’exemple de code définit la variable testCaptioningPath sur le fichier XML Timed Text, caption_video.xml. Modifiez cette variable et définissez-la sur le chemin du fichier XML Timed Text qui contient les sous-titres de votre vidéo.
  6. Enregistrez le code suivant sous FLVPlaybackCaptioningExample.as dans le même répertoire que votre fichier FLA.

  7. Définissez DocumentClass dans le fichier FLA sur 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;  
            } 
        } 
    }

    Pour plus d’informations sur tous les paramètres du composant FLVPlaybackCaptioning, voir Guide de référence d’ActionScript 3.0 pour Flash Professional.