FLVPlaybackCaptioning 구성 요소 사용자 정의

캡션을 FLVPlayback 구성 요소 위에 배치하는 FLVPlaybackCaptioning 기본값을 사용하면 FLVPlaybackCaptioning 구성 요소를 신속하게 시작할 수 있습니다. 그러나 비디오와 떨어진 곳으로 캡션을 이동하도록 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. 다음 코드를 FLA 파일과 같은 디렉토리에 FLVPlaybackCaptioningExample.as로 저장합니다.

  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® Professional CS5용 ActionScript® 3.0 참조 설명서 를 참조하십시오.