AIR for TV アプリケーションのデザイン上の考慮事項

ビデオエンコーディングのガイドライン

AIR for TV デバイスに配信されるビデオには H.264 コーデックを使用することをお勧めします。

StageVideo クラス

AIR for TV は、H.264 でエンコードされたビデオのハードウェアデコードと表示をサポートしています。この機能を有効にするには、StageVideo クラスを使用します。

次の項目について詳しくは、 『ActionScript 3.0 開発ガイド』の「 ハードウェアアクセラレーションによる表示のための StageVideo クラスの使用 」を参照してください。

Video オブジェクト（H.264 でエンコードされたビデオ用）を使用する既存の AIR アプリケーションに対して最適なサポートを提供するために、AIR for TV では StageVideo オブジェクトを内部で使用しています。これにより、ビデオ再生ではハードウェアデコードおよび表示が活用されます。ただし、Video オブジェクトは StageVideo オブジェクトと同様の制約を受けます。例えば、アプリケーションがビデオを回転しようとしても、ランタイムではなくハードウェアによってビデオが表示されるので、回転は実行されません。

このため、新しいアプリケーションを作成するときには、H.264 でエンコードされたビデオについては StageVideo オブジェクトを使用してください。

StageVideo クラスを使用した例については、「 Delivering video and content for the Flash Platform on TV 」を参照してください。

ビデオ配信のガイドライン

AIR for TV デバイスでは、ビデオ再生中にネットワークの利用可能な帯域幅が変化することがあります。例えば、他のユーザーが同じインターネット接続の使用を開始したときにこのような変化が起こることがあります。

このため、ビデオ配信システムにはアダプティブビットレート機能を使用することをお勧めします。例えば、サーバー側では、Flash Media Server はアダプティブビットレート機能をサポートしています。クライアント側では、Open Source Media Framework（OSMF）を使用できます。

詳しくは、以下のトピックを参照してください。

グラフィックのハードウェアアクセラレーションの使用

AIR for TV デバイスによって、2D グラフィック処理用のハードウェアアクセラレーションが提供されます。デバイスのハードウェアグラフィックアクセラレーターは、CPU の負荷を軽減して、次の操作を実行します。

このグラフィックのハードウェアアクセラレーションによって、AIR for TV アプリケーションのグラフィック操作の多くが高いパフォーマンスを発揮できます。グラフィック操作には、次のものが含まれます。

これらの種類の操作でグラフィックのハードウェアアクセラレーションによるパフォーマンス上のメリットを得るには、次の方法のいずれかを使用してください。

ビットマップキャッシュ機能について詳しくは、以下のトピックを参照してください。

グラフィックメモリの管理

ハードウェアアクセラレーターは、高速化されるグラフィック操作を実行するために、特別なグラフィックメモリを使用します。アプリケーションですべてのグラフィックメモリを使用する場合、AIR for TV はグラフィックを操作するためのソフトウェアの使用に戻るので、アプリケーションの実行速度は低下します。

アプリケーションによるグラフィックメモリの使用を管理するには：

• イメージや他のビットマップデータの使用が終了したら、関連するグラフィックメモリを解放します。これを実行するには、Bitmap オブジェクトの bitmapData プロパティの dispose() メソッドを呼び出します。次に、例を示します。

  myBitmap.bitmapData.dispose();

  注意： BitmapData オブジェクトへの参照を解放しても、グラフィックメモリはすぐには解放されません。ランタイムのガベージコレクターが最終的にグラフィックメモリを解放しますが、 dispose() を呼び出すことでアプリケーションをより詳細に制御できます。

• アドビが提供する AIR アプリケーションである PerfMaster Deluxe を使用することで、ターゲットデバイスにおけるグラフィックのハードウェアアクセラレーションについて詳しく理解できます。このアプリケーションでは、様々な操作を実行するための 1 秒あたりのフレーム数が表示されます。PerfMaster Deluxe を使用すれば、同じ操作の異なる実装を比較できます。例えば、ビットマップイメージの移動とベクトルイメージの移動の比較が可能です。PerfMaster Deluxeは「 Flash Platform for TV 」で入手できます。

表示リストの管理

表示オブジェクトを非表示にするには、オブジェクトの visible プロパティを false に設定します。そうすると、オブジェクトは依然として表示リストに含まれますが、そのオブジェクトは AIR for TV でレンダリングや表示されません。このテクニックは、処理のオーバーヘッドがわずかなので、表示と消去が頻繁に繰り返されるオブジェクトで役立ちます。ただし、 visible プロパティを false に設定しても、オブジェクトのリソースは一切解放されません。そのため、オブジェクトの表示を終了したとき、または少なくとも長い間表示しないときは、表示リストからオブジェクトを削除します。さらに、このオブジェクトへの参照をすべて null に設定します。これらのアクションによって、ガベージコレクターがオブジェクトのリソースを解放できます。

画面解像度

現在では、通常のテレビデバイスの画面解像度は 540p、720p、1080p のいずれかです。これらの画面解像度は ActionScript Capabilities クラスでは次の値となります。

特定のデバイス向けにフルスクリーンの AIR for TV アプリケーションを作成する場合は、デバイスの画面解像度に Stage.stageWidth および Stage.stageHeight をハードコーディングします。一方、複数のデバイスで実行するフルスクリーンのアプリケーションを作成する場合は、 Capabilities.screenResolutionX プロパティおよび Capabilities.screenResolutionY プロパティを使用して、Stage のサイズを設定します。

次に、例を示します。

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

安全表示領域

テレビの「安全表示領域」とは、画面の境界からのインセットとなる画面の領域のことです。この領域は、エンドユーザーが領域全体を見ることのできる十分な距離があり、テレビのベゼル部で隠れる部分のないインセットです。画面周囲にある物理的なフレームであるベゼルは製造元によって異なるため、必要となるインセットも異なります。安全表示領域では、画面の可視領域の確保を試みます。安全表示領域は、「タイトル安全区域」とも呼ばれています。

「オーバースキャン」は、ベゼルの後方にあるので表示されない画面領域です。

画面の各エッジのインセットは 7.5% とすることをお勧めします。次に、例を示します。

フルサイズのグラフィックを表示

画面解像度 1920 x 1080 の場合の安全表示領域

フルスクリーンの AIR for TV アプリケーションをデザインする場合は、次のように常に安全表示領域を考慮してください。

次の表に、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.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; 

この配置により、画面の左上隅に 0,0 座標が配置されます。これは、ActionScript を使用したコンテンツの配置に便利です。

この設定を NO_SCALE 拡大／縮小モードと FULL_SCREEN_INTERACTIVE 表示状態と共に使用すると、安全表示領域を効果的に使用できます。

ステージの表示状態

フルスクリーンの AIR for TV アプリケーションの 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 に等しい場合、AIR for TV によってハードウェアで可能な最高のビデオとグラフィックの再現性がもたらされます。

複数の画面サイズのデザイン

複数の AIR for TV デバイス上で動作し正常に表示される、フルスクリーンの AIR for TV アプリケーションを開発することができます。次の手順を実行してください。

1. ステージプロパティの scaleMode 、 align および displayState を、それぞれ、 StageScaleMode.NO_SCALE 、 StageAlign.TOP_LEFT 、 StageDisplayState.FULL_SCREEN_INTERACTIVE という推奨値に設定します。

2. Capabilities.screenResolutionX および Capabilities.screenResolutionY に基づいて安全表示領域を設定します。

3. 安全表示領域の幅と高さに従ってコンテンツのサイズとレイアウトを調節します。

   コンテンツのオブジェクトは大きなものとなります（特にモバイルデバイスアプリケーションと比較した場合）。ただし、動的レイアウト、相対位置指定およびアダプティブコンテンツなどの概念に変わりはありません。これらの概念をサポートする ActionScript について詳しくは、「 複数の画面サイズ向けのモバイル Flash コンテンツのオーサリング 」を参照してください。

ステージの画質

AIR for TV アプリケーション向けの Stage.quality プロパティは、常に StageQuality.High です。これを変更することはできません。

このプロパティは、すべての Stage オブジェクトのレンダリング画質を指定します。

応答性

AIR for TV アプリケーションの応答性を可能な限り適切なものにするには、次のヒントを参考にしてください。

ユーザビリティ

AIR for TV アプリケーションのユーザーは、「リビングルーム」環境にいます。テレビから約 3 メートル離れたところに座ってテレビを操作します。また、部屋が暗い場合もあります。通常、ユーザーはリモートコントローラーデバイスを使用して入力します。複数のユーザーがこのアプリケーションを同時に使用したり、順番に使用したりする場合があります。

このため、テレビのユーザビリティを考慮してユーザーインターフェイスをデザインする場合は、次のことを考慮してください。

リモートコントローラーの使用について詳しくは、 リモートコントローラー入力処理 を参照してください。

ユーザーの個性と期待

一般的に、AIR for TV アプリケーションのユーザーは、楽しくリラックスした環境でテレビ向けのエンターテインメントを求めていることを考慮してください。ユーザーがコンピューターやテクノロジーに詳しいとは限りません。

このため、次の特徴を持つように、AIR for TV アプリケーションをデザインします。