FLVPlaybackCaptioning コンポーネントのカスタマイズ

FLVPlaybackCaptioning コンポーネントをすばやく使い始めるには、キャプションを FLVPlayback コンポーネントに直接配置する FLVPlaybackCaptioning のデフォルトを使用できます。キャプションをビデオから離すように FLVPlaybackCaptioning コンポーネントをカスタマイズすることもできます。

次のコードでは、キャプショントグルボタンを使用して、FLVPlayback オブジェクトを動的に作成する方法を説明します。

FLVPlayback コンポーネントをステージの 0,0 に配置し、インスタンス名を player とします。
FLVPlaybackCaptioning コンポーネントをステージの 0,0 に配置し、インスタンス名を captioning とします。
CaptionButton コンポーネントをステージ上に配置します。
次のコード例では、 testVideoPath:String 変数を FLV ファイルの絶対パスまたは相対パスに設定します。

注意：このコード例では、 testVideoPath 変数を、Flash のサンプルビデオ caption_video.flv に設定します。この変数を、キャプションボタンコンポーネントの追加先となるビデオキャプションコンポーネントのパスに変更してください。
次のコード例では、 testCaptioningPath:String 変数を適切な Timed Text XML ファイルの絶対パスまたは相対パスに設定します。

注意：このコード例では、 testCaptioningPath 変数を、Timed Text XML ファイル caption_video.xml に設定します。この変数を、ビデオのキャプションが含まれる Timed Text XML ファイルのパスに変更してください。
次のコードを "FLVPlaybackCaptioningExample.as" として、FLA ファイルと同じディレクトリに保存します。

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 パラメーターについて詳しくは、『 ActionScript 3.0 Reference for the Adobe Flash Platform 』を参照してください。