FLVPlaybackCaptioning 구성 요소 사용

FLVPlaybackCaptioning 구성 요소는 하나 이상의 FLVPlayback 구성 요소와 사용됩니다. 가장 간단한 사용 방법은 같은 스테이지의 FLVPlayback 구성 요소와 FLVPlaybackCaptioning 구성 요소를 드래그한 후 캡션 URL을 확인하고 표시할 캡션을 설정하는 것입니다. 필요한 경우 다양한 매개 변수를 설정하여 FLVPlayback 캡션을 사용자 정의할 수도 있습니다.

FLVPlayback 구성 요소에 캡션 추가

FLVPlaybackCaptioning 구성 요소는 모든 FLVPlayback 구성 요소에 추가할 수 있습니다. 응용 프로그램에 FLVPlayback 구성 요소를 추가하는 방법에 대한 자세한 내용은 FLVPlayback 구성 요소를 사용하여 응용 프로그램 만들기 를 참조하십시오.

구성 요소 패널에서 FLVPlaybackCaptioning 구성 요소 추가:

  1. [구성 요소] 패널에서 Video 폴더를 엽니다.

  2. FLVPlaybackCaptioning 구성 요소를 드래그하거나 두 번 클릭하여, 캡션 기능을 추가할 FLVPlayback 구성 요소와 같은 스테이지에 추가합니다.

    참고: Adobe에서 제공하는 두 가지 파일인 caption_video.flv(FLVPlayback 샘플)와 caption_video.xml(캡션 샘플)을 사용하면 FLVPlaybackCaptioning 구성 요소 사용 방법을 쉽고 빠르게 익힐 수 있습니다. 이러한 파일은 www.helpexamples.com/flash/video/caption_video.flv www.helpexamples.com/flash/video/caption_video.xml 에서 볼 수 있습니다.
  3. (선택 사항) FLVPlayback 및 FLVPlaybackCaptioning 구성 요소와 같은 스테이지에 CaptionButton 구성 요소를 드래그합니다. CaptionButton 구성 요소는 사용자가 캡션을 켜거나 끄는 데 사용됩니다.

    참고: CaptionButton 구성 요소를 사용하려면 FLVPlayback 및 FLVPlaybackCaptioning 구성 요소가 있는 스테이지에 이 구성 요소를 드래그해야 합니다.
  4. 스테이지에서 FLVPlaybackCaptioning 구성 요소를 선택하고 속성 관리자의 [매개 변수] 탭에서 다음 필수 정보를 지정합니다.

    • showCaptions true 로 설정합니다.

    • 다운로드할 Timed Text XML 파일의 source 를 지정합니다.

      Flash에서 캡션을 테스트하는 동안에는 showCaptions 속성을 true 로 설정해야 합니다. 그러나 사용자가 캡션을 켜고 끌 수 있도록 CaptionButton 구성 요소를 추가하는 경우에는 showCaptions 속성을 false 로 설정해야 합니다.

    다른 매개 변수를 사용하여 FLVPlaybackCaptioning 구성 요소를 원하는 대로 사용자 정의할 수 있습니다. 자세한 내용은 FLVPlaybackCaptioning 구성 요소 사용자 정의 Adobe® Flash® Professional CS5용 ActionScript® 3.0 참조 설명서 를 참조하십시오.

  5. [컨트롤] > [동영상 테스트]를 선택하여 비디오를 시작합니다.

ActionScript를 사용하여 동적으로 인스턴스 만들기:

  1. [구성 요소] 패널의 FLVPlayback 구성 요소를 [라이브러리] 패널([윈도우] >[라이브러리])로 드래그합니다.

  2. [구성 요소] 패널의 FLVPlaybackCaptioning 구성 요소를 [라이브러리] 패널로 드래그합니다.

  3. 타임라인의 프레임 1에서 다음 코드를 [액션] 패널에 추가합니다.

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "install_drive:/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinUnderPlaySeekCaption.swf"; 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/caption_video.flv"; 
    var my_FLVPlybkcap = new FLVPlaybackCaptioning(); 
    addChild (my_FLVPlybkcap); 
    my_FLVPlybkcap.source = "http://www.helpexamples.com/flash/video/caption_video.xml"; 
    my_FLVPlybkcap.showCaptions = true; 
    
  4. install_drive 를 Flash를 설치한 드라이브로 변경하고 사용자 설치 환경의 Skins 폴더 위치를 가리키도록 경로를 수정합니다.

    참고: ActionScript를 사용하여 FLVPlayback 인스턴스를 만들 경우 ActionScript로 스킨 속성을 설정하여 인스턴스에 스킨을 동적으로 할당해야 합니다. ActionScript를 사용하여 스킨을 적용할 경우에는 SWF 파일과 함께 스킨이 자동으로 제작되지 않습니다. 따라서 스킨 SWF 파일과 응용 프로그램 SWF 파일을 서버에 복사하지 않으면 실행 시 스킨 SWF 파일을 사용할 수 없습니다.

FLVPlaybackCaptioning 구성 요소 매개 변수 설정

속성 관리자나 [구성 요소 관리자]에서 FLVPlaybackCaptioning 구성 요소의 각 인스턴스에 대해 다음과 같은 매개 변수를 설정하여 구성 요소를 사용자 정의할 수 있습니다. 다음은 속성 목록과 각각에 대한 간단한 설명입니다.

autoLayout
FLVPlaybackCaptioning 구성 요소가 캡션 영역의 크기를 제어하는지 여부를 결정합니다. 기본값은 true 입니다.

captionTargetName
캡션이 포함된 TextField 또는 MovieClip 인스턴스의 이름을 나타냅니다. 기본값은 auto입니다.

flvPlaybackName
캡션을 사용할 FLVPlayback 인스턴스의 이름을 나타냅니다. 기본값은 auto입니다.

simpleFormatting
true로 설정할 경우 Timed Text XML 파일의 서식 명령을 제한합니다. 기본값은 false 입니다.

showCaptions
캡션을 표시할지 여부를 결정합니다. 기본값은 true 입니다.

source
Timed Text XML 파일의 위치를 나타냅니다.

모든 FLVPlaybackCaptioning 매개 변수에 대한 자세한 내용은 Adobe® Flash® Professional CS5용 ActionScript® 3.0 참조 설명서 를 참조하십시오.

source 매개 변수 지정

source 매개 변수는 동영상의 캡션이 들어 있는 Timed Text XML 파일의 이름과 위치를 지정하는 데 사용됩니다. [구성 요소 관리자]에서 source 셀에 URL 경로를 직접 입력합니다.

캡션 표시

캡션을 보려면 showCaptions 매개 변수를 true 로 설정합니다.

모든 FLVPlaybackCaptioning 구성 요소 매개 변수에 대한 자세한 내용은 Adobe® Flash® Professional CS5용 ActionScript® 3.0 참조 설명서 를 참조하십시오.

이전 예제에서는 FLVPlaybackCaptioning 구성 요소를 만들고 설정하여 캡션을 표시하는 방법을 배웠습니다. 캡션 소스로 사용할 수 있는 파일에는 두 가지가 있습니다. 그 중 하나는 캡션이 들어 있는 Timed Text XML 파일이며 다른 하나는 포함된 이벤트 큐 포인트에 연결할 수 있는 XML 파일로, 캡션 텍스트가 들어 있습니다.