비디오의 기초

비디오를 사용한 작업 소개

Adobe Flash Player의 중요한 기능 중 하나는 기타 시각적 내용(예: 이미지, 애니메이션, 텍스트)을 조작하는 것과 동일한 방법으로 ActionScript를 사용하여 비디오 정보를 표시하고 조작하는 것입니다.

Adobe Flash CS3 Professional에서 Flash 비디오(FLV) 파일을 만드는 경우 일반적인 재생 컨트롤을 포함한 비디오 스킨을 선택하는 옵션이 있습니다. 그러나 제공되는 옵션 외에도 다양한 기능을 활용할 수 있습니다. ActionScript를 사용하면 비디오 재생 로드, 표시 및 제어를 세밀하게 조절하여 자신만의 비디오 플레이어 스킨을 만들거나 사용자가 원하는 새로운 방식으로 비디오를 사용할 수 있습니다.

ActionScript에서 비디오를 사용한 작업을 수행하려면 다음과 같은 여러 클래스를 조합해서 사용해야 합니다.

외부 비디오를 로드할 때는 표준 웹 서버에서 파일을 로드하여 점진적인 다운로드 재생을 하거나, Adobe의 Macromedia® Flash® Media Server와 같은 특별 서버에 의해 전달된 비디오를 스트리밍할 수도 있습니다.

일반적인 비디오 작업

이 장에서는 사용자가 수행할 다음과 같은 비디오 관련 작업에 대해 설명합니다.

중요한 개념 및 용어

이 장의 예제를 사용하여 작업

이 장의 내용을 따라 작업하면서 예제 코드 샘플을 직접 테스트할 수 있습니다. 이 장은 ActionScript의 비디오 작업을 다루므로, 이 장 내의 코드 샘플 중 상당수는 비디오 객체(Flash 제작 도구에서 만들어 스테이지에 배치된 객체 또는 ActionScript를 사용하여 만든 객체) 작업과 관련이 있습니다. 샘플을 테스트하려면 코드로 비디오를 조작한 결과를 Flash Player에서 확인해야 합니다.

대부분의 예제 코드 샘플은 Video 객체를 명시적으로 생성하지 않고 조작합니다. 이 장의 코드 샘플을 테스트하려면:

  1. 빈 Flash 문서를 만듭니다.
  2. 타임라인에서 키프레임을 선택합니다.
  3. [액션] 패널을 열고 [스크립트] 창에 코드 샘플을 복사합니다.
  4. 필요한 경우 [라이브러리] 패널을 엽니다.
  5. [라이브러리] 패널의 메뉴에서 [새 비디오]를 선택합니다.
  6. [비디오 속성] 대화 상자에서 새 비디오 심볼 이름을 입력한 다음, [유형] 필드에서 [비디오(ActionScript 조절됨)]을 선택합니다. [확인]을 클릭하여 비디오 심볼을 만듭니다.
  7. 만든 비디오 심볼을 [라이브러리] 패널에서 스테이지로 드래그합니다.
  8. 비디오 인스턴스를 선택한 상태에서, 속성 관리자에서 인스턴스 이름을 지정합니다. 이 이름은 예제 코드 샘플에서 해당 비디오 인스턴스에 대해 사용한 이름과 일치해야 합니다. 예를 들어, 코드 샘플에서 vid라는 Video 객체를 조작하려는 경우 스테이지 인스턴스 이름도 vid로 지정해야 합니다.
  9. [컨트롤] > [무비 테스트]를 사용하여 프로그램을 실행합니다.

    코드 샘플에 지정된 대로 코드를 통해 비디오를 조작한 결과가 스크린에 표시됩니다.

이 장의 예제 코드 샘플 중 일부에는 해당 예제 코드뿐만 아니라 클래스 정의도 포함되어 있습니다. 이러한 샘플의 경우, 앞의 단계와 더불어 SWF를 테스트하려면 예제에 사용할 클래스를 만들어야 합니다. 예제 코드 샘플에 정의된 클래스를 만들려면:

  1. 테스트에 사용할 FLA 파일을 저장해 두었는지 확인합니다.
  2. 주 메뉴에서 [파일] > [새로 만들기]를 선택합니다.
  3. [새 문서] 대화 상자의 [유형] 섹션에서 [ActionScript 파일]을 선택합니다. [확인]을 클릭하여 새 ActionScript 파일을 만듭니다.
  4. 예제의 클래스 정의 코드를 ActionScript 문서에 복사합니다.
  5. 주 메뉴에서 [파일] > [저장]을 선택합니다. 파일을 Flash 문서와 같은 디렉토리에 저장합니다. 파일 이름은 코드 샘플에 있는 클래스의 이름과 일치해야 합니다. 예를 들어, 코드 샘플에서 "VideoTest"라는 클래스 이름을 정의했으면 ActionScript 파일을 "VideoTest.as"로 저장합니다.
  6. Flash 문서로 돌아갑니다.
  7. [컨트롤] > [무비 테스트]를 사용하여 프로그램을 실행합니다.

    스크린에 표시되는 예제 결과를 확인합니다.

예제 코드 샘플 테스트와 관련한 기술에 대해서는 이 장에 제시된 예제 코드 샘플 테스트에서 자세하게 설명합니다.


Flash CS3

 

이 페이지에 의견 추가되면 전자 메일 알림 받기 | 의견 보고서

현재 페이지: http://livedocs.adobe.com/flash/9.0_kr/main/00000252.html