TV용 AIR 응용 프로그램 설계 고려 사항

비디오 인코딩 지침

TV용 AIR 장치에 제공되는 비디오에 대해서는 H.264 코덱을 사용하는 것이 좋습니다.

StageVideo 클래스

TV용 AIR에서는 하드웨어가 H.264로 인코딩된 비디오를 디코딩하여 표현합니다. 이 기능을 활성화하려면 StageVideo 클래스를 사용하십시오.

다음에 대한 자세한 내용은 ActionScript 3.0 개발자 가이드 에서 하드웨어 가속 표현에 StageVideo 클래스 사용 을 참조하십시오.

H.264 인코딩된 비디오에 대해 Video 객체를 사용하는 기존 AIR 응용 프로그램을 최선으로 지원하기 위해 TV용 AIR는 내부에서 StageVideo 객체를 사용합니다. 따라서 비디오 재생 시 하드웨어로 디코딩 및 표현하는 이점을 누리게 됩니다. 하지만 Video 객체는 StageVideo 객체와 동일한 제한을 받습니다. 예를 들어 응용 프로그램이 비디오를 회전하려고 할 때 런타임이 아닌 하드웨어가 비디오를 표현하기 때문에 회전이 이루어지지 않습니다.

하지만 새 응용 프로그램을 작성할 때는 H.264 인코딩된 비디오에 대해 StageVideo 객체를 사용하십시오.

StageVideo 클래스의 사용 예는 TV에서 Flash 플랫폼을 위한 비디오 및 내용 제공 을 참조하십시오.

비디오 전송 지침

TV용 AIR 장치에서는 비디오 재생 중에 네트워크의 사용 가능한 대역폭에 변화가 있을 수 있습니다. 예를 들어 다른 사용자가 같은 인터넷 연결을 사용하기 시작할 때 이러한 변화가 발생할 수 있습니다.

따라서 비디오 전송 시스템에서 적응형 비트율 기능을 사용하는 것이 좋습니다. 예를 들어 서버측에서는 Flash Media Server가 적응형 비트율 기능을 지원합니다. 클라이언트측에서는 OSMF(Open Source Media Framework)를 사용할 수 있습니다.

자세한 내용은 다음을 참조하십시오.

하드웨어 그래픽 가속 사용

TV용 AIR 장치는 2D 그래픽 작업에 대해 하드웨어 가속을 제공합니다. 장치의 하드웨어 그래픽 액셀러레이터는 다음 작업을 수행해야 하는 CPU의 부담을 덜어 줍니다.

이 하드웨어 그래픽 가속은 TV용 AIR 응용 프로그램에서 여러 그래픽 작업을 높은 성능으로 수행할 수 있음을 의미합니다. 이러한 기능 중 일부는 다음과 같습니다.

이러한 유형의 작업에 대해 하드웨어 그래픽 가속의 성능 이점을 누리려면 다음 기법 중 하나를 사용하십시오.

비트맵 캐싱에 대한 자세한 내용은 다음을 참조하십시오.

그래픽 메모리 관리

가속화된 그래픽 작업을 수행하기 위해 하드웨어 액셀러레이터가 특수 그래픽 메모리를 사용합니다. 응용 프로그램에서 모든 그래픽 메모리를 사용하는 경우에는 TV용 AIR가 소프트웨어를 사용하여 그래픽 작업을 수행하는 방식으로 되돌아가기 때문에 응용 프로그램이 더 느리게 실행됩니다.

응용 프로그램의 그래픽 메모리 사용을 관리하려면

• 이미지 또는 다른 비트맵 데이터의 사용을 마쳤으면 관련 그래픽 메모리를 릴리스합니다. 이렇게 하려면 Bitmap 객체의 bitmapData 속성의 dispose() 메서드를 호출합니다. 예를 들면 다음과 같습니다.

  myBitmap.bitmapData.dispose();

  참고: BitmapData 객체에 대한 참조를 릴리스해도 그래픽 메모리가 바로 비워지지는 않습니다. 결국 런타임의 가비지 컬렉터가 그래픽 메모리를 비우기는 하지만 dispose() 를 호출하면 응용 프로그램의 제어권이 강화됩니다.

• Adobe에서 제공하는 AIR 응용 프로그램인 PerfMaster Deluxe를 사용하면 대상 장치에서 하드웨어 그래픽 가속에 대해 보다 정확하게 이해할 수 있습니다. 이 응용 프로그램은 다양한 작업을 실행하기 위한 초당 프레임 수를 보여 줍니다. PerfMaster Deluxe를 사용하여 서로 다르게 구현된 같은 작업을 비교해 보십시오. 예를 들어 비트맵 이미지를 이동하는 경우와 벡터 이미지를 이동하는 경우를 비교해 보십시오. PerfMaster Deluxe는 TV용 Flash 플랫폼 에서 받을 수 있습니다.

표시 목록 관리

표시 객체를 숨기려면 객체의 visible 속성을 false 로 설정합니다. 그러면 객체는 여전히 표시 목록에 있지만 TV용 AIR에서는 이를 렌더링하거나 표시하지 않습니다. 이 기법은 처리 오버헤드가 적게 발생하기 때문에 뷰를 자주 왕복하는 객체에 유용합니다. 그러나 visible 속성을 false 로 설정하더라도 객체의 리소스가 해제되지는 않습니다. 따라서 객체의 표시를 완료했거나, 최소한 객체를 오랫동안 사용하여 작업을 완료한 경우에는 표시 목록에서 해당 객체를 제거합니다. 또한 객체에 대한 모든 참조를 null 로 설정합니다. 이러한 작업을 수행하면 가비지 수집기를 통해 객체의 리소스가 해제됩니다.

화면 해상도

현재 TV 장치는 일반적으로 540p, 720p, 1080p 화면 해상도 중 하나를 사용합니다. 이러한 화면 해상도는 ActionScript Capabilities 클래스에서 다음과 같은 값을 갖게 됩니다.

특정 장치에 대한 전체 화면 TV용 AIR 응용 프로그램을 작성하려면 Stage.stageWidth 및 Stage.stageHeight 를 장치의 화면 해상도에 맞춰 하드 코딩하십시오. 하지만 여러 장치에서 실행되는 전체 화면 응용 프로그램을 작성하려면 Capabilities.screenResolutionX 및 Capabilities.screenResolutionY 속성을 사용하여 Stage 크기를 설정하십시오.

예를 들면 다음과 같습니다.

stage.stageWidth = Capabilities.screenResolutionX; 
stage.stageHeight = Capabilities.screenResolutionY;

안전 보기 영역

TV에서 안전 보기 영역 이란 스크린 가장자리로부터 약간의 공간을 남겨 놓는 화면 영역입니다. 이 영역은 TV의 베젤이 화면의 어느 부분도 가리지 않아서 최종 사용자가 전체 영역을 볼 수 있을 정도로 충분한 간격으로 두고 안쪽으로 들어와 있습니다. 화면 주위의 물리적 프레임인 베젤은 제조업체마다 다르기 때문에 필요한 간격도 각기 다릅니다. 안전 보기 영역은 화면의 가시 영역을 보장하기 위한 것입니다. 안전 보기 영역을 제목 보호 영역 이라고도 합니다.

오버스캔 은 베젤 뒤에 있어서 보이지 않는 화면 영역입니다.

각 화면 가장자리에는 7.5%의 간격을 두는 것이 좋습니다. 예를 들면 다음과 같습니다.

전체 화면으로 그래픽 보기

화면 해상도 1920 x 1080의 안전 보기 영역

전체 화면 TV용 AIR 응용 프로그램을 디자인할 때는 항상 안전 보기 영역을 고려하십시오.

다음 표에는 7.5%의 간격을 사용할 때 일반적인 각 화면 해상도의 안전 보기 영역 크기가 나와 있습니다.

하지만 가장 좋은 방법은 항상 안전 보기 영역을 동적으로 계산하는 것입니다. 예를 들면 다음과 같습니다.

var horizontalInset, verticalInset, safeAreaWidth, safeAreaHeight:int; 
 
horizontalInset = .075 * Capabilities.screenResolutionX; 
verticalInset = .075 * Capabilities.screenResolutionY; 
safeAreaWidth = Capabilities.screenResolutionX - (2 * horizontalInset); 
safeAreaHeight = Capabilities.screenResolutionY - (2 * verticalInset);

스테이지 크기 조절 모드

Stage.scaleMode 를 StageScaleMode.NO_SCALE 로 설정하고 Stage resize 이벤트를 기다립니다.

stage.scaleMode = StageScaleMode.NO_SCALE; 
stage.addEventListener(Event.RESIZE, layoutHandler);

이 설정은 스테이지 좌표를 픽셀 좌표와 동일하게 만듭니다. FULL_SCREEN_INTERACTIVE 표시 상태 및 TOP_LEFT 스테이지 정렬과 함께 이 설정을 적용하면 안전 보기 영역을 효과적으로 사용할 수 있습니다.

특히 전체 화면 응용 프로그램에서 이 크기 조절 모드는 Stage 클래스의 stageWidth 및 stageHeight 속성이 Capabilities 클래스의 screenResolutionX 및 screenResolutionY 속성에 해당함을 의미합니다.

아울러 응용 프로그램 윈도우 크기가 변경될 때 스테이지 내용은 정해진 크기를 유지합니다. 런타임에서는 자동 레이아웃 또는 크기 조절을 수행하지 않습니다. 또한 런타임은 윈도우 크기가 변경될 때 Stage 클래스의 resize 이벤트를 전달합니다. 따라서 응용 프로그램이 시작될 때 그리고 응용 프로그램 윈도우 크기가 변경될 때 응용 프로그램의 내용을 원하는 대로 조정할 수 있습니다.

스테이지 정렬

Stage.align 을 StageAlign.TOP_LEFT 로 설정합니다.

stage.align = StageAlign.TOP_LEFT; 

이 정렬은 ActionScript를 사용하여 내용을 배치할 때 편리하도록 0,0 좌표를 화면의 왼쪽 위 모서리에 배치합니다.

NO_SCALE 크기 조절 모드 및 FULL_SCREEN_INTERACTIVE 표시 상태와 함께 이 설정을 적용하면 안전 보기 영역을 효과적으로 사용할 수 있습니다.

스테이지 표시 상태

전체 화면 TV용 AIR 응용 프로그램에서 Stage.displayState 를 StageDisplayState.FULL_SCREEN_INTERACTIVE 로 설정합니다.

stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; 

이 값은 AIR 응용 프로그램이 사용자 입력을 허용한 상태에서 전체 화면에 걸쳐 스테이지를 확장하도록 설정합니다.

가급적 FULL_SCREEN_INTERACTIVE 설정을 사용하는 것이 좋습니다. NO_SCALE 크기 조절 모드 및 TOP_LEFT 스테이지 정렬과 함께 이 설정을 적용하면 안전 보기 영역을 효과적으로 사용할 수 있습니다.

따라서 전체 화면 응용 프로그램의 경우 주 문서 클래스에 대한 ADDED_TO_STAGE 이벤트의 핸들러에서 다음을 수행합니다.

private function onStage(evt:Event):void 
{ 
    stage.scaleMode = StageScaleMode.NO_SCALE; 
    stage.align = StageAlign.TOP_LEFT; 
    stage.addEventListener(Event.RESIZE, onResize); 
    stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; 
}

그런 다음 RESIZE 이벤트의 핸들러에서 다음을 수행합니다.

private function onResize(evt:Event):void 
{ 
    if ((Capabilities.screenResolutionX == stage.stageWidth) && 
        (Capabilities.screenResolutionY == stage.stageHeight)) 
    { 
         
        // Calculate and save safe viewing area dimensions. 
    } 
}

스테이지 크기가 Capabilities.screenResolutionX 및 screenResolutionY 와 같은 경우 TV용 AIR에서는 하드웨어에서 해당 비디오 및 그래픽에 대해 최상의 품질을 구현하도록 합니다.

여러 스크린 크기에 맞춰 디자인

같은 전체 화면 TV용 AIR 응용 프로그램이 여러 TV용 AIR 장치에서 제대로 작동하고 올바르게 표시되도록 개발할 수 있습니다. 다음을 수행하십시오.

1. 스테이지 속성 scaleMode , align 및 displayState 를 권장 값으로 설정합니다. 권장되는 값은 각각 StageScaleMode.NO_SCALE , StageAlign.TOP_LEFT , StageDisplayState.FULL_SCREEN_INTERACTIVE 입니다.

2. Capabilities.screenResolutionX 및 Capabilities.screenResolutionY 를 기준으로 안전 보기 영역을 설정합니다.

3. 안전 보기 영역의 폭과 높이에 맞춰 내용의 크기와 레이아웃을 조절합니다.

   특히 휴대 장치 응용 프로그램과 비교할 경우 내용의 객체가 크지만 동적 레이아웃, 상대적 배치, 적응형 내용 등의 개념은 동일합니다. 이러한 개념을 지원하는 ActionScript에 대한 자세한 내용은 여러 화면 크기에 대한 모바일 Flash 내용 만들기 를 참조하십시오.

스테이지 품질

TV용 AIR 응용 프로그램에 대한 Stage.quality 속성은 항상 StageQuality.High 이며, 이를 변경할 수는 없습니다.

이 속성은 모든 Stage 객체의 렌더링 품질을 지정합니다.

응답성

다음 팁에 따라 TV용 AIR 응용 프로그램이 최대한 빠르게 응답하도록 만드십시오.

사용 편의성

TV용 AIR 응용 프로그램의 사용자는 “거실” 환경에 있습니다. TV에서 3미터 정도 떨어진 거리에 앉아 있는 것입니다. 때로는 실내가 어두울 수도 있습니다. 그리고 주로 리모컨을 사용하여 입력합니다. 여러 명이 응용 프로그램을 사용할 수 있습니다. 때로는 함께 사용할 수도, 때로는 연달아 사용할 수도 있습니다.

따라서 TV에서 사용하기 편하도록 사용자 인터페이스를 디자인하려면 다음 사항을 고려하십시오.

리모컨의 사용에 대한 자세한 내용은 리모컨 입력 처리 를 참조하십시오.

사용자의 개성 및 기대치

TV용 AIR 응용 프로그램의 사용자는 일반적으로 재미있고 편안한 환경에서 TV 품질의 엔터테인먼트를 원합니다. 컴퓨터 또는 기술에 대해 잘 모를 수도 있습니다.

따라서 다음과 같은 특징을 갖도록 TV용 AIR 응용 프로그램을 디자인하십시오.