Adobe Animate에서는 디지털 비디오 영상을 웹 기반 프레젠테이션으로 통합할 수 있습니다. FLV 및 F4V(H.264) 비디오 형식을 사용하면 비디오를 데이터, 그래픽, 사운드 및 대화형 방식의 컨트롤과 결합할 수 있어 기술력 높고 창의적인 작업이 가능합니다. FLV 및 F4V 비디오를 사용하면 모두가 볼 수 있는 형식으로 비디오를 웹 페이지에 간편하게 게시할 수 있습니다.

비디오 배포 방법에 따라 비디오 내용 제작 방법 및 비디오를 Animate와 통합하는 방법이 결정됩니다. 다음과 같은 방법으로 비디오를 Animate에 통합할 수 있습니다.

Adobe Media Server를 사용하여 비디오 스트리밍

실시간 미디어를 제공하도록 최적화된 서버 솔루션인 Adobe® Media Server에서 비디오 내용을 호스팅할 수 있습니다. Adobe Media Server는 스트리밍 비디오 및 오디오 내용과 같은 실시간 서버 응용 프로그램용으로 설계된 프로토콜인 RTMP(Real-Time Messaging Protocol)를 사용합니다. Adobe Media Server를 직접 호스팅할 수도 있고, 호스팅되는 FVSS(Flash® Video® Streaming Service)를 사용할 수도 있습니다. Adobe는 여러 CDN(Content Delivery Network) 공급자와 파트너 관계를 형성하여 안정적인 고성능 네트워크를 통해 주문형 FLV 또는 F4V 파일 비디오를 전송하는 호스팅되는 서비스를 제공해 왔습니다. Adobe Media Server와 함께 제공되며 CDN 네트워크의 전송, 추적 및 보고 인프라와 직접 통합된 FVSS는 고유한 스트리밍 서버 하드웨어 및 네트워크를 설정하고 유지 관리하는 데 많은 시간과 노력을 들이지 않고도 최대한 많은 고객에게 FLV 또는 F4V 파일을 전송할 수 있는 가장 효과적인 방법을 제공합니다.

비디오 재생을 제어하고 사용자가 스트리밍 비디오와 상호 작용할 수 있는 직관적인 컨트롤을 제공하려면 FLVPlayback 구성 요소, Adobe® ActionScript® 또는 OSMF(Open Source Media Framework)를 사용하십시오. OSMF 사용에 대한 자세한 내용은 OSMF 설명서를 참조하십시오.

웹 서버에서 점진적으로 비디오 다운로드

Adobe Media Server 또는 FVSS에 액세스할 수 없거나 제한된 양의 비디오 내용만 처리하는 소규모 웹 사이트에서 비디오를 사용해야 하는 경우 점진적 다운로드를 고려할 수 있습니다. 웹 서버에서 점진적으로 비디오 클립을 다운로드하는 경우 Adobe Media Server에서 제공되는 실시간 성능을 보장하지는 못합니다. 그러나 비교적 큰 비디오 클립을 사용하고 제작된 SWF 파일의 크기를 최소로 유지할 수 있습니다.

비디오 재생을 제어하고 사용자가 비디오와 상호 작용할 수 있는 직관적인 컨트롤을 제공하려면 FLVPlayback 구성 요소나 ActionScript를 사용하십시오.

Animate 문서에 비디오 포함

재생 시간이 짧은 작은 비디오 파일을 Animate 문서에 직접 포함하고 이를 SWF 파일의 일부로 제작할 수 있습니다. 비디오 내용을 Animate SWF 파일에 직접 포함하면 제작된 파일 크기가 매우 커지므로 이 방법은 작은 비디오 파일(일반적으로 길이가 10초보다 작은 파일)에만 적합합니다. 또한 오디오 대 비디오 동기화(오디오/비디오 동기화라고도 함)는 Animate 문서에 포함되어 있는 보다 긴 비디오 클립을 사용할 때 잘못 동기화될 수 있습니다. 또한 비디오를 SWF 파일에 포함한 경우 이 비디오를 업데이트하려면 SWF 파일을 다시 제작해야 한다는 단점이 있습니다.

참고:

안내선 레이어나 숨겨진 레이어가 아닌 레이어에서 H264 비디오 내용이 포함된 FLA를 제작하려고 하는 경우 제작 대상 플랫폼이 포함된 H.264 비디오를 지원하지 않는다는 경고 메시지가 나타납니다.

비디오 재생 제어

FLVPlayback 구성 요소를 사용하거나, 외부 비디오 스트림을 재생하는 사용자 정의 ActionScript를 작성하거나, 포함된 비디오에 대해 타임라인에서 비디오의 재생을 제어하는 사용자 정의 ActionScript를 작성하여 Animate에서 비디오 재생을 제어할 수 있습니다.

FLVPlayback 구성 요소

모든 기능을 갖춘 FLV 재생 컨트롤을 Animate 문서에 신속하게 추가하고 FLV 또는 F4V 파일의 점진적 다운로드 및 스트리밍을 모두 지원할 수 있습니다. FLVPlayback을 사용하면 사용자가 비디오 재생을 제어할 수 있는 직관적인 비디오 컨트롤을 쉽게 만들 수 있으며 이미 만들어진 스킨이나 사용자 정의 스킨을 비디오 인터페이스에 적용할 수 있습니다. 자세한 내용은 FLVPlayback 구성 요소를 참조하십시오.

OSMF(Open Source Media Framework)

OSMF를 사용하여 개발자는 플러그형 구성 요소를 쉽게 선택 및 결합하여 모든 기능을 갖춘 고품질 재생 환경을 만들 수 있습니다. 자세한 내용은 OSMF 설명서를 참조하십시오.

ActionScript를 사용하여 외부 비디오 제어

Animate 문서에서 NetConnectionNetStream ActionScript 객체를 사용하여 런타임에 외부 FLV 또는 F4V 파일을 재생할 수 있습니다. 자세한 내용은 ActionScript를 사용하여 외부 비디오 재생 제어를 참조하십시오.

미리 작성된 ActionScript 스크립트인 비디오 비헤이비어를 사용하여 비디오 재생을 제어할 수 있습니다.

타임라인에서 포함된 비디오 제어

포함된 비디오 파일의 재생을 제어하려면 비디오가 포함된 타임라인을 제어하는 ActionScript를 작성해야 합니다. 자세한 내용은 타임라인을 사용하여 비디오 재생 제어를 참조하십시오.

비디오 가져오기 마법사

비디오 가져오기 마법사는 기존 비디오 파일을 선택하고 이 파일을 가져와서 세 가지 비디오 재생 시나리오 중 하나에 사용하는 과정을 안내함으로써 비디오를 Animate 문서로 가져오는 절차를 간소화합니다. 비디오 가져오기 마법사는 선택된 가져오기 및 재생 방법에 대한 기본적인 수준의 구성을 제공하며 나중에 특정 요구 사항에 맞게 수정할 수 있습니다.

[비디오 가져오기] 대화 상자는 다음과 같은 비디오 가져오기 옵션을 제공합니다.

재생 구성 요소를 사용하여 외부 비디오 로드

비디오를 가져오고 비디오 재생을 제어하는 FLVPlayback 구성 요소의 인스턴스를 만듭니다. Animate 문서를 SWF로 제작하고 웹 서버에 업로드할 준비가 되면 비디오 파일을 웹 서버 또는 Adobe Media Server에 업로드하고 업로드된 비디오 파일의 위치로 FLVPlayback 구성 요소를 구성해야 합니다.

SWF에 FLV를 포함하고 타임라인에서 재생

Animate 문서에 FLV를 포함합니다. 이와 같은 방식으로 가져온 비디오는 개별 비디오 프레임이 타임라인 프레임으로 표시되는 타임라인에 배치됩니다. 포함된 FLV 비디오 파일은 Animate 문서의 일부가 됩니다.

참고: 비디오 내용을 Animate SWF 파일에 직접 포함하면 제작된 파일 크기가 매우 커지므로 이 방법은 작은 비디오 파일에만 적합합니다. 또한 오디오 대 비디오 동기화(오디오/비디오 동기화라고도 함)는 Animate 문서에 포함되어 있는 보다 긴 비디오 클립을 사용할 때 잘못 동기화될 수 있습니다.

타임라인에 H.264 비디오 포함

Animate 문서에 H.264 비디오를 포함합니다.이 옵션을 사용하여 비디오를 가져오는 경우 스테이지에 배치되어 디자인 타임에 애니메이션에 대해 참조될 수 있습니다. 타임라인을 스크러빙 또는 재생함에 따라 비디오의 프레임이 스테이지에 렌더링됩니다. 관련 프레임에 대한 오디오도 재생됩니다.

참고:

  • 안내선 레이어나 숨겨진 레이어가 아닌 레이어에서 H264 비디오 내용이 포함된 FLA를 제작하려고 하는 경우 제작 대상 플랫폼이 포함된 H.264 비디오를 지원하지 않는다는 경고 메시지가 나타납니다.

비디오 형식 및 Animate

비디오를 Animate로 가져오려면 FLV 또는 H.264 형식으로 인코딩된 비디오를 사용해야 합니다. 비디오 가져오기 마법사([파일] > [가져오기] > [비디오 가져오기])가 가져올 대상으로 선택한 비디오 파일을 확인하고 Animate에서 재생 가능한 형식이 아닌 비디오의 경우 경고를 표시합니다. FLV 또는 F4V 형식이 아닌 비디오의 경우 Adobe® Media® Encoder를 사용하여 적절한 형식으로 비디오를 인코딩할 수 있습니다.

Adobe Media Encoder

Adobe® Media® Encoder는 Adobe® Premiere® Pro, Adobe® Soundbooth®, Animate 등의 프로그램에서 특정 미디어 형식 출력을 위해 사용하는 독립 실행형 인코딩 응용 프로그램입니다. 프로그램에 따라 Adobe Media Encoder는 Adobe Flash Video, H.264 등의 특정 내보내기 형식과 연관된 여러 설정을 지원하는 특수화된 [내보내기 설정] 대화 상자를 제공합니다. [내보내기 설정] 대화 상자에는 각 형식에 대해 특정 전송 미디어에 맞는 여러 프리셋이 있습니다. 사용자 정의 프리셋을 저장할 수도 있으며, 이를 다른 사람과 공유하거나 필요에 따라 다시 로드할 수 있습니다.

Adobe Media Encoder를 사용하여 H.264 또는 F4V 형식으로 비디오를 인코딩하는 방법에 대한 자세한 내용은 Adobe Media Encoder 사용을 참조하십시오.

H.264, On2 VP6 및 Sorenson Spark 비디오 코덱

Adobe Media Encoder를 통해 비디오를 인코딩할 때에 Animate에서 사용하기 위해 비디오 내용을 인코딩하는 데 필요한 코덱을 다음 세 가지의 비디오 코덱에서 선택할 수 있습니다.

H.264

H.264 비디오 코덱에 대한 지원이 Flash Player 버전 9.0.r115부터 Flash Player에 통합되었습니다. 이 코덱을 사용하는 F4V 비디오 형식은 이전 Flash 비디오 코덱에 비해 매우 뛰어난 품질-비트 전송률 비율을 제공하지만 Flash Player 7 및 8과 함께 출시된 Sorenson Spark 및 On2 VP6 비디오 코덱보다 더 많은 계산이 필요합니다.

참고: 합성을 위한 알파 채널 지원이 포함된 비디오를 사용해야 하는 경우 On2 VP6 비디오 코덱을 사용해야 합니다. F4V에서는 알파 비디오 채널을 지원하지 않습니다.

On2 VP6

On2 VP6 코덱은 Flash Player 8 이상에서 사용할 FLV 파일을 만들 때 사용하는 기본 비디오 코덱입니다. On2 VP6 코덱은 다음을 제공합니다.

  • 같은 데이터 속도로 인코딩된 Sorenson Spark 코덱과 비교할 때 보다 뛰어난 품질의 비디오

  • 합성 비디오에 대한 8비트 알파 채널 사용 지원

    같은 데이터 속도에서 보다 뛰어난 품질의 비디오를 지원하기 위해 On2 VP6 코덱을 사용하면 인코딩 속도가 현저하게 느려질 수 있으며 디코딩하고 재생하기 위해 더 강력한 프로세서가 클라이언트 컴퓨터에 필요할 수 있습니다. 따라서 최종 사용자가 FLV 비디오 내용에 액세스할 때 사용할 컴퓨터의 최소 공통 분모를 고려해야 합니다.

Sorenson Spark

Flash Player 6에 처음 도입된 Sorenson Spark 비디오 코덱은 Flash Player 6 및 7과의 호환성이 필요한 Animate 문서를 제작하려고 할 경우 사용해야 합니다. 많은 사용자가 오래된 컴퓨터를 사용하고 있는 것으로 예측되면 Sorenson Spark 코덱을 사용하여 FLV 파일을 인코딩하는 것이 좋습니다. 이 경우 해당 파일을 On2 VP6 또는 H.264 코덱에서 재생할 때보다 훨씬 적은 계산이 필요합니다.

Animate 내용이 점진적 다운로드 또는 Adobe Media Server를 사용하여 Flash Professional 비디오를 동적으로 로드하는 경우, 사용자가 Flash Player 8 이상을 사용하여 해당 내용을 보는 한 원래 Flash Player 6 또는 7에서 사용하도록 만든 SWF 파일을 다시 제작할 필요 없이 On2 VP6 비디오를 사용할 수 있습니다. On2 VP6 비디오를 Animate SWF 버전 6 또는 7로 스트리밍하거나 다운로드하고 Flash Player 8 이상을 사용하여 내용을 재생하면 Flash Player 8 이상 버전에서 사용할 SWF 파일을 다시 만들지 않아도 됩니다.

참고:

Flash Player 8 및 9는 유일하게 On2 VP6 비디오의 제작 및 재생을 동시에 지원합니다.

코덱

SWF 버전(제작 버전)

재생에 필요한 Flash Player 버전

Sorenson Spark

6

6, 7, 8

7

7, 8, 9, 10

On2 VP6

6, 7, 8

8, 9, 10

H.264

9.2 이상

9.2 이상

Adobe FLV 및 F4V 비디오 만들기 팁

다음은 최상의 FLV 또는 F4V 비디오를 전송하는 데 유용한 지침입니다.

최종 출력 직전까지 프로젝트의 기본 형식으로 비디오 작업

이전에 압축한 디지털 비디오 형식을 FLV 또는 F4V와 같은 다른 형식으로 변환하는 경우 이전 인코더에 비디오 노이즈가 생길 수 있습니다. 첫 번째 압축 방법에서 이미 비디오에 인코딩 알고리즘을 적용하여 품질, 프레임 크기 및 속도가 감소되었습니다. 이 압축에서도 인위적인 디지털 요소와 노이즈가 생길 수 있습니다. 이러한 추가 노이즈는 최종 인코딩 프로세스에 영향을 미치며 좋은 품질로 파일을 인코딩하려면 데이터 속도가 더 빨라야 합니다.

되도록 간결하게

복잡한 전환을 피합니다. 복잡한 전환은 효과적으로 압축되지 않으며 최종적으로 압축된 비디오가 전환되는 부분에서 "어색"하게 보일 수 있습니다. 일반적으로 디졸브와 반대되는 하드 컷이 가장 효과적입니다. 첫 번째 트랙 뒤에서 확대되면서 나타나거나, "페이지 넘김" 방식으로 전환되거나, 공 주위를 둘러싸다가 화면에서 사라지는 객체를 보여 주는 비디오 시퀀스는 근사하게 보일 수 있지만 대개 압축이 잘 되지 않으므로 사용하지 않는 것이 좋습니다.

사용자의 데이터 속도에 맞게

인터넷을 통해 비디오를 전송하는 경우 느린 데이터 속도로 파일을 생성합니다. 고속 인터넷 연결을 이용하는 사용자는 거의 기다리지 않고 파일을 볼 수 있지만 전화 접속 사용자는 파일이 다운로드되기를 기다려야 합니다. 전화 접속 이용자가 적절한 시간 안에 다운로드할 수 있도록 클립을 짧게 만듭니다.

적절한 프레임 속도 선택

프레임 속도는 초당 프레임(fps) 수를 나타냅니다. 데이터 속도가 빠른 클립일수록 프레임 속도를 느리게 하면 제한된 대역폭에서 재생 품질이 좋아질 수 있습니다. 예를 들어, 움직임이 거의 없는 클립을 압축하는 경우 프레임 속도를 절반으로 줄여도 데이터 속도의 20%만 줄일 수 있을 뿐입니다. 그러나 움직임이 많은 비디오를 압축하는 경우 프레임 속도를 줄이면 데이터 속도에 훨씬 더 많은 영향을 줍니다.

비디오는 기본 프레임 속도로 볼 때 더 잘 보이므로 전송 채널과 재생 플랫폼에서 지원하는 한, 원래의 프레임 속도를 유지하는 것이 좋습니다. 웹으로 전송하는 경우에는 호스팅 서비스에서 관련 세부 사항을 참조할 수 있습니다. 모바일 장치를 사용하는 경우에는 장치별 인코딩 프리셋과 Adobe Premiere Pro에서 Adobe Media Encoder를 통해 사용할 수 있는 장치 에뮬레이터를 사용합니다. 프레임 속도를 줄여야 하는 경우에는 프레임 속도를 정수로 나눌 때 가장 좋은 결과를 얻을 수 있습니다.

데이터 속도와 프레임 종횡비에 맞는 프레임 크기 선택

주어진 데이터 속도(연결 속도)에서 프레임 크기를 늘리면 비디오 품질이 떨어집니다. 인코딩 설정에서 프레임 크기를 선택할 때 프레임 속도, 소스 자료 및 개인 환경설정도 고려해야 합니다. Pillarbox를 방지하려면 소스 영상의 종횡비와 동일하게 프레임 크기를 선택하는 것이 중요합니다. 예를 들어, NTSC 영상을 PAL 프레임 크기로 인코딩하면 필라박스(Pillarbox)가 나타납니다.

Adobe Media Encoder를 통해 여러 Adobe FLV 또는 F4V 비디오 프리셋을 사용할 수 있게 됩니다. 여기에는 여러 데이터 속도의 다양한 TV 표준에 대한 프레임 크기 및 프레임 속도의 프리셋이 포함됩니다. 다음의 일반 프레임 크기(픽셀 단위) 목록을 참조하거나 다양한 Adobe Media Encoder 프리셋을 테스트하여 사용자의 프로젝트에 가장 적합한 설정을 찾아 보십시오.

전화 접속 모뎀 NTSC 4 x 3

162 x 120

전화 접속 모뎀 PAL 4 x 3

160 x 120

T1/DSL/케이블 NTSC 4 x 3

648 x 480

T1/DSL/케이블 PAL 4 x 3

768 x 576

최적의 성능을 위한 스트림

다운로드 시간을 없애려면 심층적인 상호 작용 및 탐색 기능을 제공하거나 서비스의 품질을 모니터링하고, Adobe Media Server로 Adobe FLV 또는 F4V 비디오 파일을 스트리밍하거나 Adobe 웹 사이트를 통해 사용할 수 있는 Adobe Flash Video Streaming Service 파트너의 호스팅되는 서비스를 사용합니다. 점진적 다운로드와 Adobe Media Server를 사용한 스트리밍 간의 차이점에 대한 자세한 내용은 Flash 개발자 센터 웹 사이트에서 "Flash 비디오 전송: 점진적 다운로드와 스트리밍 비디오 간의 차이점 이해(Delivering Flash Video: Understanding the Difference Between Progressive Download and Streaming Video)"를 참조하십시오.

점진적 다운로드 시간 인식

비디오를 다운로드하는 데 걸리는 시간을 알면 다운로드를 완료하기 위해 일시 정지하지 않고도 끝까지 재생할 수 있습니다. 비디오 클립의 첫 번째 부분을 다운로드하는 동안 다운로드를 감출 수 있는 다른 내용을 표시할 수도 있습니다. 짧은 클립인 경우에는 '정지 시간 = 다운로드 시간 - 재생 시간 + 재생 시간의 10%'라는 공식을 사용합니다. 예를 들어, 클립이 30초 길이이고 다운로드하는 데 1분이 걸리는 경우 클립에 33초(60초 - 30초 + 3초 = 33초)의 버퍼를 할당해야 합니다.

노이즈 및 인터레이스 제거

최적의 인코딩을 위해 노이즈와 인터레이스를 제거해야 합니다.

원본의 품질이 좋을수록 최종 결과가 좋아집니다. 인터넷 비디오는 대개 TV보다 프레임 속도가 낮고 프레임 크기는 작지만 컴퓨터 모니터의 색상 품질, 채도, 선명도 및 해상도는 일반 TV보다 훨씬 더 높습니다. 화면 크기가 작은 경우라도 이미지 품질은 표준 아날로그 TV보다 디지털 비디오에서 더 중요한 요소입니다. TV에서는 거의 감지할 수 없는 인위적인 요소와 노이즈가 컴퓨터 화면에서는 아주 분명하게 감지되기 때문입니다.

Adobe Animate는 TV와 같은 인터레이스 디스플레이보다는 컴퓨터 화면 및 다른 장치를 위한 점진적 디스플레이에 적합합니다. 점진적 디스플레이에서는 볼 수 있는 인터레이스 영상이 움직임이 많은 영역에서 수직선으로 대체되어 표시될 수 있습니다. 따라서 Adobe Media Encoder는 처리하는 모든 비디오 영상에서 인터레이스를 제거합니다.

오디오의 경우에도 동일한 지침 준수

오디오를 제작할 때도 비디오를 제작할 때와 동일한 사항을 적용해야 합니다. 효과적으로 오디오를 압축하려면 먼저 깨끗한 오디오를 사용합니다. CD의 자료를 인코딩하는 경우 사운드 카드의 아날로그 입력 대신 직접적인 디지털 전송 방법으로 파일을 녹음해 보십시오. 사운드 카드에서는 불필요한 디지털 대 아날로그 및 아날로그 대 디지털 변환이 이루어지기 때문에 소스 오디오에 노이즈가 생길 수 있습니다. 직접적인 디지털 전송 도구는 Windows 및 Macintosh 플랫폼에서 사용할 수 있습니다. 아날로그 소스에서 녹음하는 경우 가능한 최고 품질의 사운드 카드를 사용합니다.

참고:

소스 오디오 파일이 모노인 경우 Animate에서 사용하기 위해 모노에서 인코딩하는 것이 좋습니다. Adobe Media Encoder를 사용하여 인코딩하고 인코딩 프리셋을 사용하는 경우 프리셋이 스테레오 또는 모노에서 인코딩하는지 확인하고 필요한 경우 모노를 선택합니다.

자습서 및 예제

다음 비디오 자습서 및 문서에서는 Animate에서 사용할 비디오를 만들고 준비하는 방법에 대해 자세히 설명합니다. 일부 항목은 CS3 또는 CS4를 보여 주지만 CS5에도 적용됩니다.

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

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