Consideraciones de diseño de las aplicaciones de AIR para TV

Directrices de la codificación de vídeo

Adobe recomienda el uso del códec H.264 para el vídeo que se transmite a dispositivos de AIR para TV.

Clase StageVideo

AIR para TV admite la presentación y la descodificación de hardware del vídeo codificado con H.264. Utilice la clase StageVideo para activar esta función.

Consulte Uso de la clase StageVideo para la presentación acelerada por hardware en la Guía del desarrollador de ActionScript 3.0 para obtener información sobre:

Para una mejor compatibilidad con las aplicaciones de AIR existentes que utilicen el objeto Video para el vídeo codificado con H.264, AIR para TV utiliza de forma interna un objeto StageVideo. Esta operación implica que la reproducción de vídeo se beneficia de la presentación y la descodificación de hardware. Sin embargo, el objeto Video está sujeto a las mismas restricciones que un objeto StageVideo. Por ejemplo, si la aplicación intenta girar el vídeo, no se produce ninguna rotación, debido a que el hardware, no el motor de ejecución, está presentando el vídeo.

Sin embargo, cuando escriba nuevas aplicaciones, utilice el objeto StageVideo para el vídeo codificado con H.264.

Para ver un ejemplo del uso de la clase StageVideo, consulte Delivering video and content for the Flash Platform on TV (Transmisión de vídeo y contenido para la plataforma de Flash en TV; en inglés).

Directrices de transmisión de vídeo

En un dispositivo de AIR para TV, el ancho de banda disponible de la red puede variar durante la reproducción de vídeo. Por ejemplo, estas variaciones pueden suceder cuando otro usuario comienza a utilizar la misma conexión a Internet.

Por lo tanto, Adobe recomienda que el sistema de transmisión de vídeo utilice capacidades de velocidad de bits adaptativas. Por ejemplo, en el servidor, Flash Media Server admite capacidades de velocidad de bits adaptativas. En el cliente, puede utilizar Open Source Media Framework (OSMF).

Para más información, consulte las referencias siguientes:

Uso de la aceleración de gráficos de hardware

Los dispositivos de AIR para TV proporcionan aceleración de hardware para las operaciones de gráficos 2D. Los aceleradores de gráficos de hardware del dispositivo descargan la CPU para realizar las siguientes operaciones:

Esta aceleración de gráficos de hardware implica que diversas operaciones gráficas en una aplicación de AIR para TV pueden tener un rendimiento alto. Entre algunas de estas operaciones se incluyen:

Para obtener las ventajas de rendimiento de la aceleración de gráficos de hardware para estos tipos de operaciones, utilice una de las siguientes técnicas:

Para obtener más información sobre el almacenamiento en caché de mapa de bits, consulte lo siguiente:

Administración de memoria gráfica

Para llevar a cabo las operaciones de gráficos acelerados, los aceleradores de hardware utilizan memoria gráfica especial. Si la aplicación utiliza toda la memoria gráfica, la aplicación se ejecuta con más lentitud, ya que AIR para TV vuelve a utilizar el software para las operaciones de gráficos.

Para administrar el uso de memoria gráfica de la aplicación:

• Cuando se termine de utilizar una imagen u otros datos de mapa de bits, libere su memoria gráfica asociada. Para ello, llame al método dispose() de la propiedad bitmapData del objeto Bitmap. Por ejemplo:

  myBitmap.bitmapData.dispose();

  Nota: al liberar la referencia al objeto BitmapData no se libera inmediatamente la memoria gráfica. El recopilador de elementos no utilizados del motor de ejecución libera finalmente la memoria gráfica, pero la llamada a dispose() da a la aplicación más control.

• Utilice PerfMaster Deluxe, una aplicación de AIR que proporciona Adobe para comprender mejor la aceleración de gráficos de hardware en el dispositivo de destino. Esta aplicación muestra los fotogramas por segundo para ejecutar distintas operaciones. Utilice PerfMaster Deluxe para comparar diferentes implementaciones de la misma operación. Por ejemplo, compare el movimiento de una imagen de mapa de bits frente al movimiento de una imagen vectorial. PerfMaster Deluxe se encuentra disponible en Flash Platform for TV .

Administración de la lista de visualización

Para que un objeto de visualización permanezca invisible, establezca la propiedad visible del objeto en false . El objeto seguirá en la lista de visualización pero AIR para TV no lo procesará ni lo visualizará. Esta técnica resulta útil para objetos que suelen aparecer y desaparecer de la vista, ya que solamente añade un poco de carga de procesamiento. Sin embargo, establecer la propiedad visible como false no libera recursos de objeto en absoluto. Por lo tanto, cuando se ha terminado de visualizar un objeto, o al menos no se va a visualizar durante un periodo prolongado, se recomienda quitar el objeto de la lista de visualización. Asimismo, se recomienda definir todas las referencias al objeto como null . Estas acciones permiten al recopilador de elementos no utilizados liberar recursos del objeto.

Resolución de pantalla

Actualmente, los dispositivos de TV suelen tener una de las siguientes resoluciones de pantalla: 540p, 720p y 1080p. Estas resoluciones presentan los siguientes valores en la clase Capabilities de ActionScript:

Para escribir una aplicación de AIR para TV de pantalla completa para un dispositivo específico, codifique Stage.stageWidth y Stage.stageHeight en la resolución de pantalla del dispositivo. Sin embargo, para escribir una aplicación de pantalla completa que se ejecute en varios dispositivos, utilice las propiedades Capabilities.screenResolutionX y Capabilities.screenResolutionY para definir las dimensiones del escenario.

Por ejemplo:

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

Área de visualización segura

El área de visualización segura de una televisión es un área de la pantalla que está insertada desde los bordes de la pantalla. Esta área está insertada en una posición lo suficientemente lejos para que el usuario final pueda verla en su totalidad, sin que el bisel de la TV oscurezca ninguna parte del área. Debido a que el bisel, que es el marco físico alrededor de la pantalla, varía según el fabricante, la inserción necesaria también varía. El área de visualización segura intenta garantizar el área de la pantalla que se encuentra visible. El área de visualización segura también se denomina área segura de título .

La sobreexploración es el área de la pantalla que no está visible porque se encuentra detrás del bisel.

Adobe recomienda una inserción del 7,5% en cada borde de la pantalla. Por ejemplo:

Ver gráfico a tamaño completo

Área de visualización segura para una resolución de pantalla de 1920 x 1080

El área de visualización segura siempre se debe tener en cuenta al diseñar una aplicación de AIR para TV de pantalla completa:

En la siguiente tabla se muestran las dimensiones del área de visualización segura para cada una de las resoluciones típicas de pantalla, utilizando una inserción del 7,5%.

Sin embargo, una práctica mejor consiste en calcular siempre dinámicamente el área de visualización segura. Por ejemplo:

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

Modo de escala del escenario

Establezca Stage.scaleMode en StageScaleMode.NO_SCALE , y detecte los eventos de cambio de tamaño del escenario.

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

Esta configuración hace que las coordenadas del escenario sean las mismas que las coordenadas de píxel. Junto con el estado de visualización FULL_SCREEN_INTERACTIVE y la alineación del escenario TOP_LEFT , esta configuración permite utilizar con eficacia el área de visualización segura.

Concretamente, en las aplicaciones de pantalla completa, este modo de escala significa que las propiedades stageWidth y stageHeight de la clase Stage se corresponden con las propiedades screenResolutionX y screenResolutionY de la clase Capabilities.

Asimismo, cuando la ventana de la aplicación cambia de tamaño, el contenido del escenario conserva su tamaño definido. El motor de ejecución no realiza escala ni diseño automáticos. Asimismo, el motor de ejecución distribuye el evento resize de la clase Stage cuando la ventana cambia el tamaño. Por lo tanto, se tiene el control total sobre cómo ajustar el contenido de la aplicación cuando esta comienza y cuando la ventana de la aplicación cambia de tamaño.

Alineación del escenario

Establezca Stage.align en StageAlign.TOP_LEFT :

stage.align = StageAlign.TOP_LEFT; 

Esta alineación sitúa la coordenada 0,0 en la esquina superior izquierda de la pantalla, lo que resulta adecuado para la colocación de contenido con el uso de ActionScript.

Junto con el modo de escala NO_SCALE y el estado de visualización FULL_SCREEN_INTERACTIVE , esta configuración permite utilizar de forma eficaz el área de visualización segura.

Estado de visualización del escenario

Establezca Stage.displayState en una aplicación de AIR for TV de pantalla completa en StageDisplayState.FULL_SCREEN_INTERACTIVE :

stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; 

Este valor configura la aplicación de AIR para que expanda el escenario a toda la pantalla del usuario con la entrada de usuario activada.

Adobe recomienda el uso del valor FULL_SCREEN_INTERACTIVE . Junto con el modo de escala NO_SCALE y la alineación del escenario TOP_LEFT , esta configuración permite utilizar de forma eficaz el área de visualización segura.

Por lo tanto, para las aplicaciones de pantalla completa, en un controlador para el evento ADDED_TO_STAGE en la clase de documento principal, realice lo siguiente:

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

Posteriormente, en el controlador para el evento RESIZE :

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

Cuando las dimensiones del escenario coinciden con Capabilities.screenResolutionX y screenResolutionY , AIR para TV hace que el hardware entregue la mejor fidelidad posible para el vídeo y los gráficos.

Diseño para varios tamaños de pantalla

Es posible desarrollar la misma aplicación de AIR para TV de pantalla completa para que funcione y presente un buen aspecto en varios dispositivos de AIR para TV. Realice lo siguiente:

1. Establezca la propiedades del escenario scaleMode , align y displayState en los valores recomendados: StageScaleMode.NO_SCALE , StageAlign.TOP_LEFT y StageDisplayState.FULL_SCREEN_INTERACTIVE , respectivamente.

2. Configure el área de visualización segunda en función de Capabilities.screenResolutionX y Capabilities.screenResolutionY .

3. Ajuste el tamaño y el diseño del contenido en función de la anchura y la altura del área de visualización segura.

   Aunque los objetos del contenido son grandes, especialmente en comparación con las aplicaciones de dispositivo móvil, los conceptos como diseño dinámico, posicionamiento relativo y contenido adaptativo son los mismos. Para obtener más información sobre ActionScript para admitir estos conceptos, consulte Authoring mobile Flash content for multiple screen sizes (Creación de contenido móvil de Flash para varios tamaños de pantalla; en inglés).

Calidad del escenario

La propiedad Stage.quality de una aplicación de AIR para TV siempre es StageQuality.High . No se puede cambiar.

Esta propiedad especifica la calidad de representación para todos los objetos Stage.

Nivel de respuesta

Utilice las siguientes sugerencias para que las aplicaciones de AIR para TV presenten el máximo nivel de respuesta.

Posibilidades de uso

Los usuarios de las aplicaciones de AIR para TV se encuentran en un entorno de “sala de estar”. Se encuentran sentados frente al televisor a una distancia de unos 3 metros. La habitación se encuentra a veces a oscuras. Se suele utilizar un mando a distancia. Varias personas pueden utilizar la aplicación, unas veces de forma conjunta y otras veces una persona cada vez.

Por lo tanto, para diseñar la interfaz de usuario para distintas posibilidades de uso en una TV, se debe tener en cuenta lo siguiente:

Para obtener más información sobre el uso del mando a distancia, consulte Administración de la entrada de control remoto .

Expectativas y personalidad del usuario

Se debe tener en cuenta que los usuarios de aplicaciones de AIR para TV suelen buscar entretenimiento de calidad en TV en un entorno divertido y relajado. No necesariamente deben tener conocimientos sobre informática o tecnología.

Por lo tanto, diseñe las aplicaciones de AIR para TV con las siguientes características: