Considérations à prendre en compte lors de la création d’une application AIR pour TV

Directives d’encodage vidéo

Adobe recommande d’adopter le codec H.264 pour la vidéo diffusée sur un périphérique AIR pour TV.

Classe StageVideo

AIR pour TV prend en charge le décodage et la présentation à accélération matérielle des vidéos codées par le biais du codec H.264. La classe StageVideo permet d’activer cette fonctionnalité.

Voir Présentation à accélération matérielle par le biais de la classe StageVideo dans le Guide du développeur d’ActionScript 3.0 pour plus d’informations sur les points suivants :

Pour optimiser la prise en charge des applications AIR existantes qui adoptent l’objet Video pour les vidéos codées au format H.264, AIR pour TV utilise en interne un objet StageVideo. Cette caractéristique signifie que la lecture de la vidéo exploite le rendu et la présentation à accélération matérielle. L’objet Video est toutefois soumis aux mêmes restrictions qu’un objet StageVideo. Par exemple, si l’application tente de faire pivoter la vidéo, il ne se produit pas de rotation, puisque c’est le matériel, et non le moteur d’exécution, qui assure la présentation de la vidéo.

Lorsque vous programmez une nouvelle application, adoptez toutefois l’objet StageVideo pour la vidéo H.264.

Pour plus d’informations sur l’utilisation de la classe StageVideo, voir Delivering video and content for the Flash Platform on TV (disponible en anglais uniquement).

Directives de diffusion de la vidéo

Sur un périphérique AIR pour TV, la bande passante disponible du réseau risque de varier au cours de la lecture de la vidéo. Ces variations se produisent parfois lorsqu’un autre utilisateur commence à utiliser la même connexion à Internet, par exemple.

Adobe recommande par conséquent que le système de diffusion de la vidéo intègre des fonctionnalités de vitesse de transmission adaptative. Côté serveur, Flash Media Server prend par exemple en charge des fonctionnalités de vitesse de transmission adaptative. Côté client, vous disposez de la structure OSMF (Open Source Media Framework).

Pour plus d’informations, consulter les références suivantes :

Utilisation de l’accélération graphique matérielle

Un périphérique AIR pour TV prend en charge l’accélération matérielle des opérations graphiques 2D. Les accélérateurs graphiques matériels du périphérique confient à l’unité centrale l’exécution des opérations suivantes :

Cette accélération graphique matérielle permet à de nombreuses opérations graphiques d’une application AIR pour TV d’être particulièrement performantes. Parmi ces opérations figurent :

Pour que ces types d’opérations exploitent les avantages de l’accélération graphique matérielle, utilisez l’une des techniques suivantes :

Pour plus d’informations sur la mise en cache sous forme de bitmap, consulter les références suivantes :

Gestion de la mémoire graphique

Pour effectuer des opérations graphiques accélérées, les accélérateurs graphiques ont recours à une mémoire graphique spéciale. Si l’application utilise la totalité de la mémoire graphique, elle s’exécute plus lentement, car AIR pour TV confie à nouveau le traitement des opérations graphiques au logiciel.

Pour gérer l’utilisation de la mémoire graphique par l’application :

• Une fois l’utilisation d’une image ou autres données de bitmap terminée, libérez la mémoire graphique correspondante. Pour ce faire, appelez la méthode dispose() de la propriété bitmapData de l’objet Bitmap. Exemple :

  myBitmap.bitmapData.dispose();

  Remarque : libérer la référence à l’objet BitmapData ne libère pas immédiatement la mémoire graphique. L’utilitaire de récupération de place du moteur d’exécution libère la mémoire graphique, mais appeler la méthode dispose() permet à l’application de mieux contrôler le processus.

• Faites appel à PerfMaster Deluxe, une application AIR fournie par Adobe, pour mieux comprendre l’accélération graphique matérielle sur le périphérique cible. Cette application illustre le nombre d’images par seconde requis pour exécuter diverses opérations. PerfMaster Deluxe permet de comparer diverses implémentations d’une même opération. Vous pouvez, par exemple, comparer le déplacement d’une image bitmap au déplacement d’une image vectorielle. PerfMaster Deluxe est disponible à l’adresse suivante : Flash Platform for TV .

Gestion de la liste d’affichage

Pour rendre un objet d’affichage invisible, définissez sa propriété visible sur false . L’objet se trouve toujours dans la liste d’affichage, mais AIR pour TV n’effectue pas son rendu et ne l’affiche pas. Cette technique est utile pour les objets qui apparaissent et disparaissent fréquemment, car elle n’implique qu’une faible charge de traitement. Définir la propriété visible sur false ne libère toutefois aucune des ressources de l’objet. Par conséquent, lorsque l’affichage d’un objet est terminé ou si un objet ne va plus s’afficher pendant un certain temps, supprimez l’objet de la liste d’affichage. Définissez également toutes les références à l’objet sur null . Ces actions permettent au nettoyeur de mémoire de libérer les ressources de l’objet.

Résolution d’écran

A l’heure actuelle, la résolution des écrans de périphériques TV correspond à 540p, 720p et 1 080p. Ces résolutions d’écran donnent lieu aux valeurs suivantes dans la classe Capabilities d’ActionScript :

Pour créer une application AIR pour TV en plein écran destinée à un périphérique donné, codez en dur les propriétés Stage.stageWidth et Stage.stageHeight sur la résolution de l’écran du périphérique. Toutefois, pour créer une application en plein écran qui s’exécute sur plusieurs périphériques, définissez les dimensions de l’objet Stage à l’aide des propriétés Capabilities.screenResolutionX et Capabilities.screenResolutionY .

Exemple :

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

Zone de visualisation efficace

La zone de visualisation efficace d’un téléviseur correspond à la partie de l’écran qui est encastrée par rapport aux bords de l’écran. L’écart est suffisamment important pour que l’utilisateur final puisse visualiser la zone dans son intégralité, sans que la bordure du téléviseur ne la masque partiellement. Etant donné que les dimensions de la bordure physique qui entoure l’écran varient selon le constructeur, l’écart requis est défini en conséquence. La zone de visualisation efficace tente de garantir la visibilité d’une partie de l’écran. Elle porte également le nom de zone de titre sécurisée .

Le surbalayage identifie la partie de l’écran qui n’est pas visible, car elle est placée derrière la bordure.

Adobe recommande un écart de 7,5 % sur chaque bord de l’écran. Exemple :

Afficher le graphique en taille réelle

Zone de visualisation efficace pour une résolution d’écran de 1 920 x 1 080

Veillez à tenir compte de la zone de visualisation efficace lorsque vous créez une application AIR pour TV en plein écran :

Le tableau ci-dessous indique les dimensions de la zone de visualisation efficace pour chaque résolution d’écran standard avec un écart de 7,5 %.

Il est toutefois recommandé de calculer la zone de visualisation efficace de façon dynamique. Exemple :

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

Mode de mise à l’échelle de la scène

Définissez la propriété Stage.scaleMode sur StageScaleMode.NO_SCALE et écoutez les événements de redimensionnement de la scène.

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

Ce paramètre définit les coordonnées de la scène sur les coordonnées de pixel. A l’instar de l’état d’affichage FULL_SCREEN_INTERACTIVE et de l’alignement de la scène TOP_LEFT , ce paramètre permet d’exploiter pleinement la zone de visualisation efficace.

Dans les applications en plein écran, ce mode de mise à l’échelle signifie que les propriétés stageWidth et stageHeight de la classe Stage correspondent aux propriétés screenResolutionX et screenResolutionY de la classe Capabilities.

Par ailleurs, lorsque la fenêtre de l’application change de taille, le contenu de la scène conserve sa taille définie. Le moteur d’exécution n’exécute ni mise en forme, ni mise à l’échelle automatique. Il distribue également l’événement resize de la classe Stage en cas de changement de taille de la fenêtre. Vous maîtrisez par conséquent pleinement le mode de réglage du contenu de l’application au démarrage de cette dernière et lors du redimensionnement de sa fenêtre.

Alignement de la scène

Définissez la propriété Stage.align sur StageAlign.TOP_LEFT :

stage.align = StageAlign.TOP_LEFT; 

Cet alignement place la coordonnée 0,0 dans l’angle supérieur gauche de l’écran, ce qui est adapté au positionnement du contenu à l’aide d’ActionScript.

A l’instar du mode de mise à l’échelle NO_SCALE et de l’état d’affichage FULL_SCREEN_INTERACTIVE , ce paramètre permet d’exploiter pleinement la zone de visualisation efficace.

État d’affichage de la scène

Dans une application AIR pour TV en plein écran, définissez la propriété Stage.displayState sur StageDisplayState.FULL_SCREEN_INTERACTIVE :

stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; 

Cette valeur définit l’application AIR de sorte que la scène occupe la totalité de l’écran et autorise la saisie utilisateur.

Adobe recommande l’utilisation du paramètre FULL_SCREEN_INTERACTIVE . A l’instar du mode de mise à l’échelle NO_SCALE et de l’alignement de la scène TOP_LEFT , ce paramètre permet d’exploiter pleinement la zone de visualisation efficace.

Par conséquent, pour une application en plein écran, procédez comme suit dans un gestionnaire associé à l’événement ADDED_TO_STAGE dans la classe principale du document :

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; 
}

Puis, dans le gestionnaire de l’événement RESIZE :

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

Lorsque les dimensions de la scène équivalent à Capabilities.screenResolutionX et screenResolutionY , AIR pour TV oblige le périphérique à fournir la meilleur fidélité possible pour vos vidéos et images.

Prise en compte de tailles d’écran diverses

Vous pouvez développer la même application AIR pour TV en plein écran de sorte à assurer son exécution sur divers périphériques AIR pour TV sans problème d’affichage. Procédez comme suit :

1. Définissez les propriétés de la scène scaleMode , align et displayState sur les valeurs recommandées : StageScaleMode.NO_SCALE , StageAlign.TOP_LEFT et StageDisplayState.FULL_SCREEN_INTERACTIVE (respectivement).

2. Configurez la zone de visualisation efficace en fonction des paramètres Capabilities.screenResolutionX et Capabilities.screenResolutionY .

3. Réglez la taille et la mise en forme du contenu en fonction de la largeur et de la hauteur de la zone de visualisation efficace.

   En dépit de la taille élevée des objets du contenu, en particulier si vous les comparez aux applications pour périphériques mobiles, les concepts tels que la mise en forme dynamique, le positionnement relatif et le contenu adaptatif demeurent inchangés. Pour plus d’informations sur la prise en charge de ces concepts par le biais d’ActionScript, voir Authoring mobile Flash content for multiple screen sizes (disponible en anglais uniquement).

Qualité de la scène

La propriété Stage.quality d’une application AIR pour TV est toujours StageQuality.High . Il est impossible de la modifier.

Cette propriété spécifie la qualité de rendu de tous les objets Stage.

Temps de réaction

Tenez compte des conseils suivants pour réduire autant que possible le temps de réaction d’une application AIR pour TV.

Convivialité

Les utilisateurs d’une application AIR pour TV résident dans un environnement de type « salon ». Ils sont assis à 3 mètres au moins du téléviseur. La pièce est souvent sombre. Ils ont généralement recours à une télécommande à des fins de saisie. Il est possible que plusieurs personnes utilisent l’application, parfois conjointement, parfois en série.

Tenez par conséquent compte des considérations suivantes pour assurer la convivialité de l’interface utilisateur sur un téléviseur :

Pour plus d’informations sur l’utilisation de la télécommande, voir Gestion de la saisie par télécommande .

Personnalité et attentes de l’utilisateur

Gardez à l’esprit le fait que les utilisateurs d’applications AIR pour TV recherchent généralement une expérience télévisuelle divertissante de qualité, dans un environnement dénué de stress. Ils ne maîtrisent pas nécessairement l’informatique.

Créez de ce fait des applications AIR pour TV aux caractéristiques suivantes :