FLVPlayback 구성 요소를 사용하여 응용 프로그램 만들기

다음과 같은 방법으로 FLVPlayback 구성 요소를 응용 프로그램에 추가할 수 있습니다.

[구성 요소] 패널의 FLVPlayback 구성 요소를 스테이지로 드래그하고 source 매개 변수에 대한 값을 지정합니다.
[비디오 가져오기] 마법사를 사용하여 스테이지에 구성 요소를 만들고 스킨을 선택하여 구성 요소를 사용자 정의합니다.
FLVPlayback() 생성자를 사용하여 스테이지에 FLVPlayback 인스턴스를 동적으로 만듭니다(구성 요소가 라이브러리에 있는 경우).

참고: ActionScript를 사용하여 FLVPlayback 인스턴스를 만드는 경우 ActionScript에서 skin 속성을 설정하여 인스턴스에 스킨을 지정해야 합니다. 이 방법으로 스킨을 적용하면 스킨이 SWF 파일로 자동 제작되지 않으므로 응용 프로그램 SWF 파일과 스킨 SWF 파일을 모두 응용 프로그램 서버에 복사해야 합니다. 그러지 않으면 응용 프로그램을 실행할 때 스킨 SWF 파일을 사용할 수 없습니다.

구성 요소 패널에서 FLVPlayback 구성 요소 드래그

[구성 요소] 패널에서 더하기(+) 버튼을 클릭하여 비디오 항목을 엽니다.
FLVPlayback 구성 요소를 스테이지로 드래그합니다.
스테이지에서 FLVPlayback 구성 요소를 선택하고 [구성 요소 관리자]의 [매개 변수] 탭에서 source 매개 변수의 [값] 셀을 찾아 다음 중 하나를 지정하는 문자열을 입력합니다.
- 비디오 파일의 로컬 경로
- 비디오 파일의 URL
- 비디오 파일 재생 방법을 지정하는 SMIL(Syncrhonized Multimedia Integration Language) 파일의 URL
  
  하나 이상의 FLV 파일을 지정하는 SMIL 파일을 만드는 방법에 대한 자세한 내용은 SMIL 파일 사용 을 참조하십시오.
스테이지에 FLVPlayback 구성 요소가 선택되어 있는 상태로 [구성 요소 관리자]의 [매개 변수] 탭에서 skin 매개 변수에 대한 [값] 셀을 클릭합니다.
돋보기 아이콘을 클릭하여 [스킨 선택] 대화 상자를 엽니다.
다음 옵션 중 하나를 선택합니다.
- 드롭 다운 [스킨] 목록에서 미리 제작된 스킨 중 하나를 선택하여 구성 요소에 재생 컨트롤 세트를 첨부합니다.
- 사용자 정의 스킨을 만든 경우 팝업 목록에서 [사용자 정의 스킨 URL]을 선택하고, [URL] 상자에 스킨이 들어 있는 SWF 파일의 URL을 입력합니다.
- [없음]을 선택하고 FLV Playback Custom UI 구성 요소를 하나씩 스테이지로 드래그하여 재생 컨트롤을 추가합니다.
  
  참고: 처음 두 가지 경우 선택한 스킨의 미리 보기가 팝업 메뉴 위의 미리 보기 창에 나타납니다. 색상 선택기를 사용하여 스킨 색상을 변경할 수 있습니다.
  
  사용자 정의 UI 컨트롤의 색상을 변경하려면 해당 컨트롤을 사용자 정의해야 합니다. 사용자 정의 UI 컨트롤 사용에 대한 자세한 내용은 개별적인 FLV Playback Custom UI 구성 요소 스키닝 을 참조하십시오.
[확인]을 클릭하여 [스킨 선택] 대화 상자를 닫습니다.
[컨트롤] > [동영상 테스트]를 선택하여 SWF 파일을 실행하고 비디오를 시작합니다.

다음 절차에서는 [비디오 가져오기] 마법사를 사용하여 FLVPlayback 구성 요소를 추가합니다.

비디오 가져오기 마법사 사용:

[파일] > [가져오기] > [비디오 가져오기]를 선택합니다.
다음 옵션 중 하나를 선택하여 비디오 파일의 위치를 지정합니다.
- 컴퓨터에서
- 웹 서버, FVSS(Flash Video Streaming Service) 또는 Flash Media Server에 이미 배포됨
선택한 파일 위치에 따라 가져오려는 비디오 파일의 위치를 나타내는 경로 또는 URL을 입력한 후 [다음]을 클릭합니다.
파일 경로를 선택한 경우 표시된 옵션 중에서 한 가지 비디오 배포 방법을 선택할 수 있는 [배포] 대화 상자가 나타납니다.
- 웹 서버에서 점진적 다운로드
- Flash Video Streaming Service의 스트림
- Flash Media Server의 스트림
- SWF에 비디오를 포함시키고 타임라인에서 재생
  
  중요: 비디오를 포함시키는 옵션은 선택하지 마십시오. FLVPlayback 구성 요소는 외부 스트리밍 비디오만 재생합니다. 이 옵션은 FLVPlayback 구성 요소를 스테이지에 배치하지 않습니다.
[Next]를 클릭합니다.
다음 옵션 중 하나를 선택합니다.
- 드롭 다운 [스킨] 목록에서 미리 제작된 스킨 중 하나를 선택하여 구성 요소에 재생 컨트롤 세트를 첨부합니다.
- 구성 요소에 사용할 사용자 정의 스킨을 만든 경우 팝업 목록에서 [사용자 정의 스킨 URL]을 선택하고, [URL] 상자에 해당 스킨이 들어 있는 SWF 파일의 URL을 입력합니다.
- [없음]을 선택하고 FLV Playback Custom UI 구성 요소를 하나씩 스테이지로 드래그하여 재생 컨트롤을 추가합니다.
  
  참고: 처음 두 가지 경우 선택한 스킨의 미리 보기가 팝업 메뉴 위의 미리 보기 창에 나타납니다.
[확인]을 클릭하여 [스킨 선택] 대화 상자를 닫습니다.
[비디오 가져오기 완료] 대화 상자에서 다음에 진행될 상황을 읽어 본 후 [완료]를 클릭합니다.
FLA 파일을 아직 저장하지 않았다면 [다른 이름으로 저장] 대화 상자가 나타납니다.
[컨트롤] > [동영상 테스트]를 선택하여 SWF를 실행하고 비디오를 시작합니다.

다음 절차에서는 ActionScript를 사용하여 FLVPlayback 구성 요소를 추가합니다.

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

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

타임라인의 프레임 1에서 다음 코드를 [액션] 패널에 추가합니다. install_drive 를 Flash를 설치한 드라이브로 변경하고 사용자 설치 환경의 정확한 Skins 폴더 위치를 가리키도록 경로를 수정합니다.

Windows 컴퓨터에서:

import fl.video.*; 
var my_FLVPlybk = new FLVPlayback(); 
my_FLVPlybk.x = 100; 
my_FLVPlybk.y = 100; 
addChild(my_FLVPlybk); 
my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

Macintosh 컴퓨터에서:

import fl.video.*; 
var my_FLVPlybk = new FLVPlayback(); 
my_FLVPlybk.x = 100; 
my_FLVPlybk.y = 100; 
addChild(my_FLVPlybk); 
my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

참고: source 및 skin 속성을 설정하지 않으면 생성된 동영상 클립이 비어 있는 상태로 나타납니다.

[컨트롤] > [동영상 테스트]를 선택하여 SWF 파일을 실행하고 비디오 파일을 시작합니다.