Considerazioni sulla progettazione di applicazioni AIR per TV

Linee guida per la codifica video

Adobe consiglia di utilizzare il codec H.264 per la distribuzione di video a dispositivi AIR per TV.

La classe StageVideo

AIR per TV supporta la decodifica e la presentazione hardware dei video con codifica H.264. Utilizzate la classe StageVideo per abilitare questa funzionalità.

Vedete Uso della classe StageVideo per la presentazione con accelerazione hardware nella Guida per gli sviluppatori di ActionScript 3.0 per informazioni dettagliate su:

Per supportare in modo ottimale le applicazioni AIR esistenti che utilizzano l'oggetto Video per i video con codifica H.264, AIR per TV usa internamente un oggetto StageVideo. In questo modo la riproduzione video sfrutta i benefici della decodifica e della presentazione hardware. Tuttavia, l'oggetto Video è sottoposto alle stesse restrizioni che valgono per un oggetto StageVideo. Ad esempio, se l'applicazione tenta di ruotare il video, la rotazione non avviene, poiché è l'hardware, e non il runtime, che esegue la presentazione del video.

Quando invece scrivete nuove applicazioni, usate l'oggetto StageVideo per i video con codifica H.264.

Per un esempio di utilizzo della classe StageVideo, vedete l'articolo Delivering video and content for the Flash Platform on TV .

Linee guida per la distribuzione video

Su un dispositivo AIR per TV, l'ampiezza di banda disponibile della rete può variare durante la riproduzione video. Le variazioni possono verificarsi, ad esempio, quando un altro utente utilizza la stessa connessione Internet.

Di conseguenza, Adobe consiglia di distribuire i video utilizzando velocità di trasferimento adattive. Ad esempio, sul lato server, Flash Media Server supporta tale funzionalità. Sul lato client, potete utilizzare il framework OSMF (Open Source Media Framework).

Per ulteriori informazioni, consultare i seguenti riferimenti:

Uso dell'accelerazione hardware grafica

I dispositivi AIR per TV offrono l'accelerazione hardware per le operazioni con grafica 2D. Gli acceleratori grafici hardware del dispositivo sgravano la CPU dal carico di lavoro necessario per effettuare le seguenti operazioni:

L'accelerazione grafica tramite hardware fa sì che molte operazioni grafiche in un'applicazione AIR per TV siano ad alte prestazioni. Alcune di queste operazioni sono:

Per ottenere i benefici prestazionali dell'accelerazione grafica hardware per questi tipi di operazioni, utilizzate una delle tecniche seguenti:

Per ulteriori informazioni sul caching bitmap, vedete le risorse seguenti.

Gestione della memoria grafica

Per eseguire le operazioni grafiche accelerate, gli acceleratori hardware usano una memoria grafica speciale. Se la vostra applicazione usa tutta la memoria grafica, funzionerà più lentamente perché AIR per TV torna a utilizzare il software per le operazioni grafiche.

Per gestire l'utilizzo della memoria grafica da parte dell'applicazione:

• Quando avete finito di utilizzare un'immagine o altri dati bitmap, rilasciate la relativa memoria grafica. Per farlo, chiamate il metodo dispose() della proprietà bitmapData dell'oggetto Bitmap. Ad esempio:

  myBitmap.bitmapData.dispose();

  Nota: il rilascio del riferimento all'oggetto BitmapData non libera immediatamente la memoria grafica. Il processo di garbage collection del runtime a un certo punto libera effettivamente la memoria grafica, ma una chiamata del metodo dispose() offre un maggiore controllo all'applicazione.

• Utilizzate PerfMaster Deluxe, un'applicazione AIR fornita da Adobe, per comprendere meglio il funzionamento dell'accelerazione grafica hardware sul dispositivo di destinazione. Questa applicazione mostra i fotogrammi al secondo richiesti per eseguire varie operazioni. Usate PerfMaster Deluxe per confrontare implementazioni differenti della stessa operazione. Ad esempio, confrontate lo spostamento di un'immagine bitmap con lo spostamento di un'immagine vettoriale. PerfMaster Deluxe è disponibile su Flash Platform for TV .

Gestione dell'elenco di visualizzazione

Per rendere invisibile un oggetto di visualizzazione, impostate la relativa proprietà visible su false . In tal modo l'oggetto rimane nell'elenco di visualizzazione, ma AIR per TV non ne esegue il rendering e non lo visualizza. Questa tecnica è utile per gli oggetti che entrano ed escono frequentemente dalla visualizzazione, poiché è a bassa intensità di elaborazione. Tuttavia, l'impostazione della proprietà visible su false non rilascia nessuna delle risorse dell'oggetto. Di conseguenza, quando avete finito di visualizzare un oggetto, o comunque non dovete visualizzarlo per molto tempo, rimuovetelo dall'elenco di visualizzazione. Inoltre, impostate tutti i riferimenti all'oggetto su null . Queste azioni consentono al garbage collector di rilasciare le risorse dell'oggetto.

Risoluzione dello schermo

Attualmente, i dispositivi TV presentano in genere una delle seguenti risoluzioni dello schermo: 540p, 720p, 1080p. Queste risoluzioni corrispondono ai valori seguenti nella classe ActionScript Capabilities:

Per scrivere un'applicazione AIR per TV a schermo intero per un dispositivo specifico, codificate in modo permanente Stage.stageWidth e Stage.stageHeight per la risoluzione dello schermo del dispositivo. Tuttavia, per scrivere un'applicazione a schermo intero eseguibile su più dispositivi, utilizzate le proprietà Capabilities.screenResolutionX e Capabilities.screenResolutionY per impostare le dimensioni dello stage.

Ad esempio:

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

Area di visualizzazione sicura

L' area di visualizzazione sicura di un televisore è un'area dello schermo rientrata rispetto ai margini dello schermo stesso. Il rientro di quest'area è sufficiente per far sì che l'utente finale possa vedere l'intera area, senza che la cornice dello schermo TV possa oscurarne qualsiasi parte. Poiché la cornice, che racchiude fisicamente lo schermo, varia a seconda della marca e del modello, anche la quantità di rientro necessaria è variabile. L'area di visualizzazione sicura ha lo scopo di garantire che una determinata area dello schermo sia sempre visibile. Viene anche definita area di sicurezza titolo (title safe area).

La sovrascansione è l'area dello schermo che non è visibile perché si trova dietro la cornice.

Adobe consiglia di applicare un rientro del 7,5% su ogni bordo dello schermo. Ad esempio:

Visualizzazione dell’elemento grafico a dimensioni intere

Area di visualizzazione sicura per una risoluzione schermo di 1920x1080

Tenete sempre conto dell'area di visualizzazione sicura quando progettate un'applicazione AIR per TV a schermo intero:

La tabella seguente mostra le dimensioni dell'area di visualizzazione sicura per ogni risoluzione tipica dello schermo, con l'applicazione di un rientro del 7,5%.

Tuttavia, è sempre opportuno calcolare l'area di visualizzazione sicura in modo dinamico. Ad esempio:

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

Modalità di ridimensionamento dello stage

Impostate Stage.scaleMode su StageScaleMode.NO_SCALE e intercettate gli eventi di ridimensionamento dello stage.

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

Questa impostazione fa corrispondere le coordinate dello stage alle coordinate in pixel. Insieme allo stato di visualizzazione FULL_SCREEN_INTERACTIVE e all'allineamento dello stage TOP_LEFT , questa impostazione consente di utilizzare in modo efficace l'area di visualizzazione sicura.

Specificamente, nelle applicazioni a schermo intero, questa modalità di ridimensionamento comporta che le proprietà stageWidth e stageHeight della classe Stage corrispondano alle proprietà screenResolutionX e screenResolutionY della classe Capabilities.

Inoltre, quando le dimensioni della finestra dell'applicazione cambiano, il contenuto dello stage mantiene le dimensioni che sono state definite. Il runtime non esegue alcuna operazione automatica di layout o ridimensionamento. Il runtime invia inoltre l'evento resize della classe Stage quando le dimensioni della finestra cambiano. Pertanto potete controllare completamente il modo in cui viene modificato il contenuto dell'applicazione quando questa viene avviata e quando la finestra dell'applicazione viene ridimensionata.

Allineamento dello stage

Impostate Stage.align su StageAlign.TOP_LEFT :

stage.align = StageAlign.TOP_LEFT; 

Con questo allineamento, la coordinata 0,0 viene collocata nell'angolo superiore sinistro dello schermo, ovvero nella posizione più comoda per il posizionamento del contenuto con ActionScript.

Insieme alla modalità di ridimensionamento NO_SCALE e allo stato di visualizzazione FULL_SCREEN_INTERACTIVE , questa impostazione consente di utilizzare in modo efficace l'area di visualizzazione sicura.

Stato di visualizzazione dello stage

Impostate Stage.displayState in un'applicazione AIR per TV a schermo intero su StageDisplayState.FULL_SCREEN_INTERACTIVE :

stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; 

Questo valore imposta l'applicazione AIR affinché espanda lo stage fino a occupare l'intero schermo, consentendo l'input da tastiera dell'utente.

Adobe consiglia di utilizzare l'impostazione FULL_SCREEN_INTERACTIVE . Insieme alla modalità di ridimensionamento NO_SCALE e all'allineamento dello stage TOP_LEFT , questa impostazione consente di utilizzare in modo efficace l'area di visualizzazione sicura.

Di conseguenza, per un'applicazione a schermo intero, scrivete il codice seguente in un gestore per l'evento ADDED_TO_STAGE nella classe principale del documento:

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

Quindi, nel gestore dell'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 le dimensioni dello stage sono uguali a Capabilities.screenResolutionX e screenResolutionY , AIR per TV fa in modo che l'hardware produca la migliore fedeltà possibile per il video e la grafica.

Progettazione per formati di schermo differenti

Potete sviluppare la stessa applicazione AIR per TV a schermo intero in modo che possa funzionare ed essere visualizzata correttamente su più dispositivi AIR per TV. Procedete nel modo seguente:

1. Impostate le proprietà dello stage scaleMode , align e displayState sui valori consigliati: StageScaleMode.NO_SCALE , StageAlign.TOP_LEFT e StageDisplayState.FULL_SCREEN_INTERACTIVE , rispettivamente.

2. Impostate l'area di visualizzazione sicura in base a Capabilities.screenResolutionX e Capabilities.screenResolutionY .

3. Regolate le dimensioni e il layout del contenuto in base alla larghezza e all'altezza dell'area di visualizzazione sicura.

   Anche se gli oggetti del contenuto sono di grandi dimensioni, specialmente rispetto alle applicazioni per dispositivi mobili, concetti quali layout dinamico, posizionamento relativo e contenuto adattivo hanno le stesse implicazioni. Per ulteriori informazioni su come ActionScript supporta questi concetti, vedete Authoring mobile Flash content for multiple screen sizes .

Qualità dello stage

La proprietà Stage.quality di un'applicazione AIR per TV è sempre StageQuality.High . Non potete modificarla.

Questa proprietà specifica la qualità di rendering per tutti gli oggetti dello stage.

Capacità di risposta

Adottate i seguenti suggerimenti per aumentare al massimo la capacità di risposta di un'applicazione AIR per TV.

Usabilità

Gli utenti delle applicazioni AIR per TV si trovano solitamente in un soggiorno, magari seduti su un divano a tre metri dal televisore. A volte la stanza è poco illuminata. Di solito l'utente usa un telecomando per inviare i comandi al dispositivo. L'applicazione può essere utilizzata da più persone, a volte insieme, altre volte in successione.

Pertanto, per progettare l'interfaccia utente dell'applicazione con un occhio alla sua usabilità, tenete conto delle considerazioni seguenti:

Per ulteriori informazioni sull'uso del telecomando, vedete Gestione dell'input tramite telecomando .

Personalità e aspettative dell'utente

Tenete presente che gli utenti delle applicazioni AIR per TV solitamente cercano un intrattenimento televisivo di qualità in un contesto di svago e relax. Non sono necessariamente esperti conoscitori di computer e cose tecnologiche.

Pertanto, progettate applicazioni AIR per TV con le seguenti caratteristiche: