Considerações a respeito do design do aplicativo para AIR for TV

Diretrizes de codificação de vídeo

A Adobe recomenda usar o codec H.264 para vídeo entregue a dispositivos AIR for TV.

A classe StageVideo

O AIR for TV suporta decodificação e apresentação de hardware de vídeo H.264 codificado. Use a classe StageVideo para habilitar esse recurso.

Consulte Uso da classe StageVideo para apresentação acelerada por hardware no Guia do desenvolvedor do ActionScript 3.0 para obter detalhes sobre:

Para um melhor suporte aos aplicativos AIR existentes que usam o objeto Video para vídeo H.264 codificado, o AIR for TV usa um objeto StageVideo internamente . Fazer isso significa que a reprodução de vídeo tira proveito da decodificação e da apresentação do hardware. No entanto, o objeto Video está sujeito às mesmas restrições de um objeto StageVideo. Por exemplo, se o aplicativo tentar girar o vídeo, nenhum giro ocorrerá, uma vez que o hardware, não o runtime, estará apresentando o vídeo.

Contudo, ao escrever novos aplicativos, use o objeto StageVideo para vídeo H.264 codificado.

Para obter um exemplo do uso da classe StageVideo, consulte Fornecendo vídeo e conteúdo para a Plataforma Flash em TV .

Diretrizes de fornecimento de vídeo

Em um dispositivo AIR for TV, a largura de banda disponível da rede pode variar durante a reprodução de vídeo. Essas variações podem ocorrer, por exemplo, quando outro usuário começa a usar a mesma conexão com a Internet.

Portanto, a Adobe recomenda que o seu sistema de fornecimento de vídeo use capacidades de taxa de bits adaptáveis. Por exemplo, no lado do servidor, o Flash Media Server suporta capacidades de taxa de bits adaptáveis. No lado do cliente, você pode usar a estrutura de mídia de fonte aberta Open Source Media Framework (OSMF).

Para obter mais informações, consulte o seguinte:

Usando aceleração gráfica de hardware

Os dispositivos AIR for TV fornecem aceleração de hardware para operações com imagens 2D. Os aceleradores de imagem de hardware do dispositivo liberam a CPU para realizar as seguintes operações:

Esta aceleração gráfica de hardware significa que muitas operações com imagens no aplicativo do AIR for TV podem estar executando com alto desempenho. Algumas dessas operações incluem:

Para obter os benefícios de desempenho da aceleração gráfica de hardware para estes tipos de operações, use uma das seguintes técnicas:

Para obter mais informações sobre cache de bitmap, consulte o seguinte:

Gerenciando a memória gráfica

Para executar operações de imagem acelerada, os aceleradores de hardware usam memória gráfica especial. Se o seu aplicativo usar toda a memória gráfica, executará lentamente porque o AIR for TV reverterá para o uso do software das operações de imagem.

Para gerenciar o uso de memória gráfico pelo seu aplicativo:

• Quando você estiver usando uma imagem ou outro dado de bitmap, libere sua memória gráfica associada. Para tanto, chame o método dispose() da propriedade bitmapData do objeto Bitmap. Por exemplo:

  myBitmap.bitmapData.dispose();

  Nota: A liberação da referência para o objeto BitmapData não libera a memória gráfica imediatamente. O coletor de lixo do runtime eventualmente libera a memória gráfica, mas a chamada de dispose() oferece maior controle para o seu aplicativo.

• Use o PerfMaster Deluxe, um aplicativo do AIR fornecido pela Adobe, para entender melhor a aceleração gráfica de hardware no seu dispositivo de destino. Este aplicativo mostra os quadros por segundo para executar várias operações. Use o PerfMaster Deluxe para comparar diferentes implementações da mesma operação. Por exemplo, compare a movimentação de uma imagem em bitmap com a movimentação de uma imagem em vetor. O PerfMaster Deluxe está disponível em Flash Platform para TV .

Gerenciando a lista de exibição

Para tornar um objeto de exibição invisível, defina a propriedade visible do objeto como false . Em seguida, o objeto continuará na lista de exibição, mas o AIR for TV não irá renderizá-lo nem exibi-lo. Essa técnica é útil para objetos que frequentemente entram e saem de visualização, porque demanda apenas um pouco mais de processamento. No entanto, a definição da propriedade visible em false não libera nenhum dos recursos do objeto. Portanto, ao concluir a exibição de um objeto ou, ao menos, concluí-la por algum tempo, remova o objeto da lista de exibição. Do mesmo modo, defina todas as referências ao objeto como null . Essas ações permitem que o coletor de lixo libere os recursos do objeto.

Resolução de tela

Atualmente, os aparelhos de TV costumam ter uma das seguintes resoluções de tela: 540p, 720p e 1080p. Essas resoluções de tela resultam nos seguintes valores na classe ActionScript Capabilities:

Para escrever um aplicativo do AIR for TV de tela inteira para um dispositivo específico, defina os códigos Stage.stageWidth and Stage.stageHeight para a resolução de tela do dispositivo. Contudo, para escrever um aplicativo de tela inteira que execute em vários dispositivos, use as propriedades Capabilities.screenResolutionX e Capabilities.screenResolutionY para definir as dimensões do palco.

Por exemplo:

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

A área de visualização segura

A área de visualização segura em um televisor é uma área da tela que é afastada das bordas da tela. Essa área é inserida suficientemente longe para que o usuário possa ver a área inteira, sem que o bisel do televisor oculte qualquer parte da área. Uma vez que o bisel, que é a moldura física em torno da tela, varia de acordo com o fabricante, o afastamento necessário também varia. A área de visualização segura tenta garantir que a área visível da tela. A área de visualização segura também é conhecida como área de título segura .

Overscan é a área da tela que não é visível porque está atrás do bisel.

A Adobe recomenda um afastamento de 7,5% em cada borda da tela. Por exemplo:

Exibir gráfico inteiro

A área de visualização segura para uma resolução de tela de 1920 x 1080

Considere sempre a área de visualização segura ao projetar um aplicativo do AIR for TV de tela inteira:

A tabela a seguir mostra as dimensões da área de visualização segura de cada resolução de tela típica, usando um afastamento de 7,5%.

Contudo, uma prática melhor é sempre calcular dinamicamente a área de visualização segura. Por exemplo:

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

O modo de escala do palco

Defina Stage.scaleMode como StageScaleMode.NO_SCALE e fique na escuta de eventos de redimensionamento de palco.

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

Essa configuração torna as coordenadas do palco iguais às coordenadas do pixel. Junto com o estado de exibição FULL_SCREEN_INTERACTIVE e o alinhamento de palco TOP_LEFT , essa configuração permite que você use eficientemente a área de visualização segura.

Especificamente, nos aplicativos de tela inteira esse modo de escala significa que as propriedades stageWidth e stageHeight da classe Stage correspondem às propriedades screenResolutionX e screenResolutionY da classe Capabilities.

Além disso, quando a janela do aplicativo muda de tamanho, os conteúdos do palco mantêm seu tamanho definido. O runtime não executa automaticamente nenhum layout ou escala. Do mesmo modo, o runtime despacha o evento resize da classe Stage quando a janela muda de tamanho. Portanto, você tem controle completo sobre como ajustar os conteúdos do aplicativo quando o aplicativo inicial e quando a janela do aplicativo muda de tamanho.

O alinhamento do palco

Defina Stage.align como StageAlign.TOP_LEFT :

stage.align = StageAlign.TOP_LEFT; 

Esse alinhamento coloca a coordenada 0,0 no canto superior esquerdo da tela, o que é conveniente para a colocação de conteúdo usando ActionScript.

Junto com o modo de escala NO_SCALE e com o estado de exibição FULL_SCREEN_INTERACTIVE , essa configuração permite que você use eficientemente a área de visualização segura.

O estado de exibição do palco

Defina Stage.displayState num aplicativo do AIR for TV de tela inteira como StageDisplayState.FULL_SCREEN_INTERACTIVE :

stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; 

Este valor define o aplicativo do AIR para expandir o palco sobre a tela inteira com a entrada de teclado ativada.

A Adobe recomenda o uso da configuração FULL_SCREEN_INTERACTIVE . Junto com o modo de escala NO_SCALE e com o estado de alinhamento TOP_LEFT , essa configuração permite que você use eficientemente a área de visualização segura.

Portanto, nos aplicativos de tela inteira, em um manipulador do evento ADDED_TO_STAGE na classe document principal, faça o seguinte:

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

Em seguida, no manipulador do evento RESIZE :

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

Quando as dimensões do palco forem iguais a Capabilities.screenResolutionX e screenResolutionY , o AIR for TV fará com que o hardware libere a melhor fidelidade possível para os vídeos e imagens.

Desenhando para vários tamanhos de tela

Você pode desenvolver o mesmo aplicativo do AIR for TV de tela inteira para trabalhar e bem e ter uma boa aparência em vários dispositivos AIR for TV. Faça o seguinte:

1. Defina as propriedades de palco scaleMode , align e displayState com os valores recomendados: StageScaleMode.NO_SCALE , StageAlign.TOP_LEFT e StageDisplayState.FULL_SCREEN_INTERACTIVE , respectivamente.

2. Configure a área de visualização segura com base em Capabilities.screenResolutionX e Capabilities.screenResolutionY .

3. Ajuste o tamanho e o layout do conteúdo de acordo com a largura e a altura da área de visualização segura.

   Embora os objetos do conteúdo sejam grandes, especialmente quando comparados com aplicativos de dispositivos móveis, os conceitos tais como layout dinâmico, posicionamento relativo e conteúdo adaptável são iguais. Para mais informações sobre o ActionScript em apoio a esses contextos, consulte Criação de conteúdo do Flash móvel para vários tamanhos de tela .

A qualidade do palco

A propriedade Stage.quality do aplicativo do AIR for TV é sempre StageQuality.High . Ela não pode ser alterada.

Essa propriedade especifica a qualidade de renderização de todos os objetos Stage.

Responsividade

Use as seguintes dicas para tornar um aplicativo do AIR for TV o mais responsivo possível.

Usabilidade

Os usuários dos aplicativos AIR for TV estão em um ambiente de “sala de estar”. Eles estão sentados na sala vendo TV a cerca de 3 a 5 metros de distância. A sala às vezes é escura. Eles geralmente usam um aparelho de controle remoto para seus comandos. Mais de uma pessoa pode usar o aplicativo; às vezes usam juntos e, às vezes, em sequência.

Portanto, ao projetar a interface do usuário para melhor usabilidade num televisor, considere o seguinte:

Para mais informações sobre o uso do controle remoto, consulte Tratamento de entrada do controle remoto .

Personalidade e expectativas do usuário

Considere que os usuários dos aplicativos AIR for TV estão geralmente procurando entretenimento de qualidade na TV em um ambiente divertido e descontraído. Eles não são necessariamente especialistas em computadores ou em tecnologia.

Portanto, projete os seus aplicativos AIR for TV com as seguintes características: