동적으로 외부 FLV 또는 F4V 파일 재생

Animate 제작 환경으로 비디오를 가져오는 또 다른 방법은 FLVPlayback 구성 요소나 ActionScript를 사용하여 Flash Player에서 외부 FLV 또는 F4V 파일을 동적으로 재생하는 것입니다. FLVPlayback 구성 요소와 ActionScript를 함께 사용할 수도 있습니다.

HTTP 다운로드나 로컬 미디어 파일로 게시된 FLV 또는 F4V 파일을 재생할 수 있습니다. 외부 FLV 또는 F4V 파일을 재생하려면 FLV 또는 F4V 파일을 URL(HTTP 사이트 또는 로컬 폴더)에 게시하고 FLVPlayback 구성 요소나 ActionScript 코드를 Animate 문서에 추가하여 런타임에 파일에 액세스하고 재생을 제어하십시오.

외부 FLV 또는 F4V 파일을 사용하면 가져온 비디오를 사용할 때는 제공되지 않는 다음과 같은 기능이 지원됩니다.

  • 재생 속도 저하 없이 긴 비디오 클립을 사용할 수 있습니다. 외부 FLV 또는 F4V 파일은 캐시된 메모리를 사용하여 재생됩니다. 즉, 큰 파일은 여러 개의 작은 부분으로 나뉘어 저장되고 동적으로 액세스되므로 포함된 비디오 파일만큼 많은 메모리가 필요하지 않습니다.

  • 외부 FLV 또는 F4V 파일의 프레임 속도는 해당 파일이 재생되는 Animate 문서의 프레임 속도와 다를 수 있습니다. 예를 들어, Animate 문서 프레임 속도는 30fps, 비디오 프레임 속도는 21fps로 설정할 수 있습니다. 그러면 비디오가 매끄럽게 재생되도록 보다 세밀하게 제어할 수 있습니다.

  • 외부 FLV 또는 F4V 파일을 사용할 경우 비디오 파일을 로드하는 동안 Animate 문서의 재생을 중단할 필요가 없습니다. 가져온 비디오 파일을 사용할 때는 CD-ROM 드라이브에 액세스하는 등의 일부 기능을 수행하기 위해 문서 재생을 중단해야 하는 경우가 있습니다. FLV 또는 F4V 파일은 Animate 문서와는 별도로 작동할 수 있으므로 문서의 재생을 중단하지 않습니다.

  • 외부 FLV 또는 F4V 파일을 사용할 경우 콜백 함수로 비디오의 메타데이터에 액세스할 수 있으므로 비디오 내용을 쉽게 캡션 처리할 수 있습니다.

비디오 재생에 사용되는 비헤이비어

비디오 비헤이비어를 사용하여 비디오 재생을 제어할 수 있습니다. 비헤이비어는 미리 작성된 ActionScript 스크립트로, 트리거하는 객체에 추가하면 또 다른 객체를 제어할 수 있습니다. 비헤이비어를 사용하면 ActionScript 코드를 직접 작성하지 않고도 ActionScript 코딩의 강력한 기능, 컨트롤 및 융통성을 문서에 추가할 수 있습니다. 비디오 비헤이비어를 사용하여 비디오 클립의 재생, 중단, 일시 정지, 되감기, 빨리 감기, 표시 및 숨기기 작업을 수행할 수 있습니다.

비헤이비어를 사용하여 비디오 클립을 제어하려면 [비헤이비어] 패널을 사용하여 동영상 클립과 같이 트리거하는 객체에 비헤이비어를 적용합니다. 또한 동영상 클립 놓기 등 비헤이비어를 트리거하는 이벤트를 지정하고, 대상 객체(해당 비헤이비어의 영향을 받는 비디오)를 선택하고, 필요한 경우 되감을 프레임 수와 같은 비헤이비어 설정을 선택합니다.

참고:

트리거하는 객체는 동영상 클립이어야 합니다. 버튼 심볼이나 버튼 구성 요소에 비디오 재생 비헤이비어를 추가할 수 없습니다.

Animate에서 포함된 비디오를 제어하는 비헤이비어는 다음과 같습니다.

비헤이비어

용도

매개 변수

비디오 재생

현재 문서에서 비디오를 재생합니다.

대상 비디오의 인스턴스 이름

비디오 중단

비디오를 중단합니다.

대상 비디오의 인스턴스 이름

비디오 정지

비디오를 일시 정지합니다.

대상 비디오의 인스턴스 이름

비디오 되감기

지정한 프레임 수만큼 비디오를 되감습니다.

대상 비디오의 인스턴스 이름

프레임 수

비디오 빨리 감기

지정한 프레임 수만큼 비디오를 빨리 감습니다.

대상 비디오의 인스턴스 이름

프레임 수

비디오 숨기기

비디오를 숨깁니다.

대상 비디오의 인스턴스 이름

비디오 표시

비디오를 표시합니다.

대상 비디오의 인스턴스 이름

비헤이비어를 사용하여 비디오 재생 제어

  1. 비헤이비어를 트리거할 동영상 클립을 선택합니다.
  2. [비헤이비어] 패널([윈도우] > [비헤이비어])에서 [추가](+) 버튼을 클릭하고 [포함된 비디오] 하위 메뉴에서 원하는 비헤이비어를 선택합니다.
  3. 제어할 비디오를 선택합니다
  4. 상대 또는 절대 경로를 선택합니다.
  5. 필요하면 비헤이비어 매개 변수의 설정값을 선택하고 [확인]을 클릭합니다.
  6. [비헤이비어] 패널의 [이벤트] 아래에서 [On Release](기본 이벤트)를 클릭하고 마우스 이벤트를 선택합니다. [On Release] 이벤트를 사용하려면 옵션을 변경하지 말고 그대로 놔둡니다.

FLVPlayback 구성 요소

FLVPlayback 구성 요소를 사용하면 HTTP를 통해 점진적으로 다운로드되는 비디오(FLV 또는 F4V) 파일을 재생하거나 AMS(Adobe Media Server) 또는 FVSS(Flash Video Streaming Service)에서 스트리밍 FLV 파일을 재생하도록 Animate 응용 프로그램에 비디오 플레이어를 포함할 수 있습니다.

FLVPlayback 구성 요소에는 다음과 같은 기능이 있습니다.

  • 재생 컨트롤 및 사용자 인터페이스의 모양과 느낌을 사용자 정의할 수 있는 미리 제작된 스킨 세트를 제공합니다.

  • 고급 사용자의 경우 사용자 정의 스킨을 직접 만들 수 있습니다.

  • 비디오를 Animate 응용 프로그램 내의 애니메이션, 텍스트 및 그래픽과 동기화하는 데 사용할 수 있는 큐 포인트를 제공합니다.

  • 사용자 정의에 대해 실시간 미리 보기 기능을 제공합니다.

  • 쉽게 다운로드할 수 있도록 적절한 크기의 SWF 파일을 유지 관리합니다.

    FLVPlayback 구성 요소는 비디오를 볼 수 있는 표시 영역입니다. FLVPlayback 구성 요소에는 비디오를 재생, 중단 및 일시 정지하고 재생을 제어하는 컨트롤 버튼 세트인 FLV 사용자 정의 UI 컨트롤이 포함되어 있습니다.

FLVPlayback 구성 요소 구성

  1. 스테이지에 FLVPlayback 구성 요소를 선택한 상태에서 속성 관리자([윈도우] > [속성])를 열고 인스턴스 이름을 입력합니다.
  2. 속성 관리자에서 [매개 변수]를 선택하거나 [구성 요소 관리자]([윈도우] > [구성 요소])를 엽니다.
  3. 매개 변수 값을 입력하거나 기본 설정을 사용합니다.

    각 FLVPlayback 구성 요소 인스턴스에 대해 속성 관리자나 [구성 요소 관리자]에서 다음 매개 변수를 설정할 수 있습니다.

    참고:

    비디오 스킨의 모양을 변경하려는 경우가 아니라면 대부분 FLVPlayback 구성 요소의 설정을 변경할 필요가 없습니다. [비디오 가져오기] 마법사에서 대부분의 배포에 적합하도록 매개 변수를 충분히 구성합니다.

    autoPlay

    FLV 또는 F4V 재생 방법을 지정하는 부울 값입니다. true이면 비디오가 로드되는 즉시 재생되고 false이면 첫 번째 프레임을 로드하고 일시 정지합니다. 기본값은 true입니다.

    autoRewind

    비디오의 자동 되감기 여부를 지정하는 부울 값입니다. true이면 재생 헤드가 끝에 도달하거나 사용자가 [중단] 버튼을 클릭할 때 FLVPlayback 구성 요소가 비디오를 시작 부분으로 자동으로 되감습니다. false이면 구성 요소가 비디오를 자동으로 되감지 않습니다. 기본값은 true입니다.

    autoSize

    부울 값으로, true이면 소스 비디오 크기를 사용하도록 런타임에 구성 요소 크기가 조절됩니다. 기본값은 false입니다.

    참고: 비디오의 인코딩된 프레임 크기는 FLVPlayback 구성 요소의 기본 크기와 다릅니다.

    bufferTime

    재생을 시작하기 전에 버퍼링할 시간(초)입니다. 기본값은 0입니다.

    contentPath(AS2 파일)

    비디오 재생 방법을 설명하는 XML 파일, FLV 또는 F4V 파일의 URL을 지정하는 문자열입니다. [내용 경로] 대화 상자를 활성화하려면 이 매개 변수에 대한 [값] 셀을 두 번 클릭합니다. 기본값은 빈 문자열입니다. contentPath 매개 변수에 값을 지정하지 않으면 Animate에서 FLVPlayback 인스턴스를 실행할 때 어떤 현상도 나타나지 않습니다.

    소스(AS3 파일)

    비디오 재생 방법을 설명하는 XML 파일, FLV 또는 F4V 파일의 URL을 지정하는 문자열입니다. [내용 경로] 대화 상자를 활성화하려면 이 매개 변수에 대한 [값] 셀을 두 번 클릭합니다. 기본값은 빈 문자열입니다. contentPath 매개 변수에 값을 지정하지 않으면 Animate에서 FLVPlayback 인스턴스를 실행할 때 어떤 현상도 나타나지 않습니다.

    isLive

    부울 값으로, true이면 비디오가 FMS에서 라이브로 스트리밍되도록 지정합니다. 기본값은 false입니다.

    cuePoints

    비디오의 큐 포인트를 지정하는 문자열입니다. 큐 포인트를 사용하면 비디오의 특정 위치를 Animate 애니메이션, 그래픽 또는 텍스트와 동기화할 수 있습니다. 기본값은 빈 문자열입니다.

    maintainAspectRatio

    부울 값으로, true이면 FLVPlayback 구성 요소 내에서 비디오 플레이어의 크기가 조절되어 소스 비디오 종횡비가 유지됩니다. 소스 비디오의 크기는 계속 조절되지만 FLVPlayback 구성 요소 자체의 크기는 조절되지 않습니다. autoSize 매개 변수가 이 매개 변수보다 우선합니다. 기본값은 true입니다.

    skin

    [스킨 선택] 대화 상자를 여는 매개 변수로, 이를 통해 구성 요소의 스킨을 선택할 수 있습니다. 기본값은 None입니다. [None]을 선택하면 FLVPlayback 인스턴스에서 사용자가 비디오를 재생, 중단 또는 되감는 데 사용할 수 있는 요소를 제어하지 못하거나 제어를 가능하게 하는 다른 액션을 사용합니다. autoPlay 매개 변수를 true로 설정하면 비디오가 자동으로 재생됩니다. 자세한 내용은 ActionScript 3.0 구성 요소 사용 또는 ActionScript 2.0 구성 요소 언어 참조 설명서의 "FLVPlayback 구성 요소 사용자 정의"를 참조하십시오.

    totalTime

    소스 비디오의 총 시간(초)입니다. 기본값은 0입니다. 점진적 다운로드를 사용하는 경우 0보다 큰 값으로 설정하면 Animate가 이 값을 사용합니다. 그렇지 않으면 Animate는 메타데이터의 시간을 사용하려고 합니다.

    참고: FMS 또는 FVSS를 사용하는 경우 이 값이 무시되고 서버의 총 비디오 시간이 사용됩니다.

    volume

    볼륨을 설정할 최대 볼륨의 백분율을 나타내는 0에서 100까지의 숫자입니다.

contentPath 또는 source 매개 변수 지정

점진적 다운로드 또는 스트리밍 비디오 내용에 사용하기 위해 로컬 비디오 클립을 Animate로 가져온 경우, 웹 서버나 Adobe Media Server에 내용을 업로드하기 전에 FLVPlayback 구성 요소의 contentPath(AS2 FLA 파일) 또는 source(AS3 FLA 파일) 매개 변수를 업데이트합니다. contentPath 또는 source 매개 변수는 서버에서 비디오 파일의 이름과 위치를 지정하고 재생 방법(예: HTTP를 사용하여 점진적으로 다운로드 또는 RTMP를 사용하여 Adobe Media Server에서 스트리밍)을 나타냅니다.

  1. 스테이지에서 FLVPlayback 구성 요소를 선택한 상태에서 속성 관리자([윈도우] > [속성])를 열고 속성 관리자에서 [매개 변수]를 선택하거나 구성 요소 관리자([윈도우] > [구성 요소 관리자])를 엽니다.
  2. 매개 변수 값을 입력하거나 기본 설정을 적절하게 사용합니다. contentPath 또는 source 매개 변수에 대해 다음을 수행합니다. contentPath 또는 source 매개 변수에 대한 [값] 셀을 두 번 클릭하여 [내용 경로] 대화 상자를 활성화합니다. b) 비디오 재생 방법을 설명하는 XML 파일(Adobe Media Server 또는 FVSS의 경우), FLV 또는 F4V 파일의 URL이나 로컬 경로를 입력합니다.

    비디오 또는 XML 파일의 위치를 모르는 경우 폴더 아이콘을 클릭하여 올바른 위치로 이동합니다. 비디오 파일을 찾을 때 파일이 대상 SWF 파일의 위치에 있거나 그 아래에 있으면 Animate는 해당 위치에 상대적인 경로를 자동으로 만들어 웹 서버에서 사용할 수 있도록 합니다. 그렇지 않으면 Windows 또는 Macintosh의 절대 파일 경로가 됩니다.

    HTTP URL을 지정하는 경우 비디오 파일은 점진적 다운로드 FLV 또는 F4V 파일입니다. RTMP(Real-Time Messaging Protocol) URL인 URL을 지정하는 경우 비디오는 AMS(Adobe Media Server)에서 스트리밍됩니다. XML 파일에 대한 URL은 AMS 또는 FVSS의 스트리밍 비디오 파일일 수도 있습니다.

    참고:

    [내용 경로] 대화 상자에서 [확인]을 클릭하면 Animate에서 cuePoints 매개 변수의 값도 업데이트되는데, cuePoints 매개 변수가 현재 내용 경로에 더 이상 적용되지 않도록 contentPath 매개 변수를 변경했을 수 있기 때문입니다. 따라서 ActionScript 큐 포인트가 아닌 경우에도 비활성화된 큐 포인트는 손실됩니다. 따라서 ActionScript가 아닌 큐 포인트는 [큐 포인트] 대화 상자를 통해서가 아니라 ActionScript를 통해 비활성화하는 것이 좋습니다.

    contentPath 또는 source 매개 변수를 지정하면 Animate는 지정된 비디오가 Flash Player와 호환되는지 확인합니다. 경고 대화 상자가 표시되면 Adobe Media Encoder를 사용하여 FLV 또는 F4V 형식으로 다시 인코딩해 보십시오.

    여러 대역폭에서 여러 비디오 스트림을 재생하는 방법을 설명하는 XML 파일의 위치를 지정할 수도 있습니다. XML 파일은 SMIL(Syncrhonized Multimedia Integration Language)을 사용하여 비디오 파일을 설명합니다. XML SMIL 파일에 대한 설명은 ActionScript 2.0 구성 요소 언어 참조 설명서의 "SMIL 파일 사용"을 참조하십시오.

미디어 구성 요소(Flash Player 6 및 7)

참고:

미디어 구성 요소는 Macromedia Flash MX Professional 2004에서 도입되었으며 Flash Player 6 또는 7용으로 설계되었습니다. Flash Player 8에 사용할 비디오 내용을 개발하는 경우 버전 8에서 도입된 FLVPlayback 구성 요소를 대신 사용하십시오. FLVPlayback 구성 요소는 향상된 기능을 제공하여 Animate 환경 내에서 비디오 재생을 보다 효과적으로 제어할 수 있도록 합니다.

미디어 구성 요소 집합은 MediaDisplay, MediaController 및 MediaPlayback의 세 가지 구성 요소로 구성됩니다. MediaDisplay 구성 요소를 사용하면 Animate 문서에 미디어를 추가하고, 스테이지로 구성 요소를 드래그하고, [구성 요소 관리자]에서 해당 요소를 구성할 수 있습니다. [구성 요소 관리자]에서는 매개 변수를 설정할 수 있을 뿐만 아니라 다른 액션을 트리거하기 위해 큐 포인트를 추가할 수 있습니다. MediaDisplay 구성 요소는 재생 중에는 보이지 않고 비디오 클립만 보입니다.

MediaController 구성 요소가 제공하는 사용자 인터페이스 컨트롤을 통해 사용자는 스트리밍 미디어와 상호 작용할 수 있습니다. 이 컨트롤러에는 [Play], [Pause] 및 [Rewind to Start] 버튼과 볼륨 컨트롤이 있습니다. 또한 로드된 미디어의 양과 재생된 미디어의 양을 보여 주는 재생 막대가 포함되어 있습니다. 재생 막대에서는 재생 헤드 슬라이더를 앞뒤로 드래그하여 비디오의 다른 부분으로 빠르게 이동할 수 있습니다. 비헤이비어나 ActionScript를 사용하면 이 구성 요소를 MediaDisplay 구성 요소에 손쉽게 연결하여 스트리밍 비디오를 표시하고 사용자 컨트롤을 제공할 수 있습니다.

MediaPlayback 구성 요소를 사용하면 가장 쉽고 빠르게 비디오와 컨트롤러를 Animate 문서에 추가할 수 있습니다. MediaPlayback 구성 요소는 MediaDisplay 구성 요소와 MediaController 구성 요소가 통합된 단일 구성 요소입니다. MediaDisplay 및 MediaController 구성 요소 인스턴스는 재생 제어를 위해 서로 자동으로 연결됩니다.

세 구성 요소 모두의 재생, 크기, 레이아웃에 대한 매개 변수를 구성하려면 [구성 요소 관리자] 또는 속성 관리자의 [매개 변수] 탭을 사용합니다. 모든 미디어 구성 요소에서 MP3 오디오 내용이 잘 작동됩니다.

미디어 구성 요소에 대한 자세한 내용은 ActionScript 2.0 구성 요소 언어 참조 설명서의 "Media 구성 요소"를 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책