Fullscreen Mode

Di recente ho visto dei siti in flash proiettati a tutto schermo, non intendo nel browser, ma senza avere barre varie, nè limiti di dimensione, se non quelli imposti dallo schermo stesso.

La versione del Flash Player da cui è possibile avere questa funzione è la 9,0,28,0.
Per
verificare la vostra versione, vi basta andare sulla pagina di Adobe riguardo le informazioni del Player, oppure cliccare col tasto destro sul filmato e selezionare Informazioni Su Adobe Flash Player, si aprirà una pagina indicando la vostra versione.

Il modo di operare per ottenere questa funzione è relativamente semplice, ma bisogna fare attenzione ai passaggi da effettuare perchè bisogna agire direttamente sulla classe Stage definita in Flash 8, nella sua cartella di installazione, all’interno di First Run/Classes/FP8/Stage.as (su Windows con installazione standard e software in italiano, la cartella sarebbe C:\Programmi\Macromedia\Flash 8\en\First Run\Classes\FP8), apriamo il file Stage.as.

Procediamo con ordine:

Andiamo a inserire la stringa evidenziata, che ci permetterà di gestire il fullscreen tramite AS, e in flash la nuova variabile può assumere due valori, riconosciuti dal player, “fullScreen” e “normal“:

intrinsic class Stage{
static var displayState:String;
static var align:String;
static var height:Number;
static var scaleMode:String;
static var showMenu:Boolean;
static var width:Number;
static function addListener(listener:Object):Void;
static function removeListener(listener:Object):Boolean;
}

Teniamo comunque ben presente una cosa, il fullscreen funziona solo sul browser e non in “Prova filmato”, infatti per essere completa, la gestione del fullscreen ha bisogno di essere “accettata” dal browser, e lo si può fare aggiungendo un nuovo parametro nei tags  ed  (solo  nel caso si utilizzi codice HTML valido W3C), il parametro si chiama “allowFullScreen” e genericamente funziona così:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="600" height="400" id="fullscreen" align="middle">
<param name="allowFullScreen" value="true" />
<param name="movie" value="fullscreen.swf" />
<param name="bgcolor" value="#333333" />
<embed src="fullscreen.swf" mce_src="fullscreen.swf" allowFullScreen="true" bgcolor="#333333" width="600" height="400"
name="fullscreen" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Ecco un esempio pratico di utilizzo tramite AS, con il ContextMenu (il menu apribile con il tasto destro sul filmato .swf)

menu_full.jpg

var context:ContextMenu = new ContextMenu();
context.hideBuiltInItems();
var fullscreenHandler:Function = function () {
Stage.displayState = "fullScreen";
};
var normalscreenHandler:Function = function () {
Stage.displayState = "normal";
};
var cFull:ContextMenuItem = new ContextMenuItem("Show FullScreen", fullscreenHandler);
var cNormal:ContextMenuItem = new ContextMenuItem("Hide FullScreen", normalscreenHandler);
context.customItems.push(cFull);
context.customItems.push(cNormal);
this.menu = context;

Ricordo che le funzioni Full Screen Mode possono essere richiamate anche da semplici pulsanti in questo modo:

  • Abilita il FullScreen 

on (release) {
Stage.displayState = "fullScreen";
}

  • Disabilita il FullScreen 

on (release) {
Stage.displayState = "normal";
}

Un ringraziamento speciale a and80

Scarica il sorgente
Guarda il Tutorial

Annunci

17 thoughts on “Fullscreen Mode

  1. **Errore** Scena=schede, livello=full screen, fotogramma=1:Linea 4: Nessuna proprietà denominata ‘displayState’.
    Stage.displayState = “fullScreen”;

    **Errore** Scena=schede, livello=full screen, fotogramma=1:Linea 7: Nessuna proprietà denominata ‘displayState’.
    Stage.displayState = “normal”;

    Totale errori ActionScript: 2 Errori segnalati: 2

    perchè questo errore?

  2. ciao julius scusami se ti disturbo di nuovo.

    ma funge il fullscreen ma il problema nasce quando tengo la modalità fullscreen i campi di testo input del mio form mail nn sono editabili come mai?

    si può risolvere il problema?

  3. anch’io ho seguito il tuo consiglio per il fullscreen, ma come a ciro, il form mail non funziona e nemmeno il rollOver sui pulsanti, sia nella _root che in altri mc…In modalità normale funziona tutto benissimo!
    Non capisco nemmeno io perchè!!!

  4. Grazie mille per questo semplicissimo tutorial..ora però avrei una domanda..
    Se ad esempio voglio costruire una galleria immagini in flash e poi a scelta dell’utente passare in modalità fullscreen le immagini subiscono un drastico calo di qualità poichè flash le ridimensiona!!!…come si può fare per evitare questo problema? Si può fare in modo che flash non ridimensioni le immagini??
    Grazie mille

  5. ragazzi cercando un po ho trovato il motivo…è solo questione di sicurezza, è una cosa che non può essere aggirata…visto che a schermo intero non viene visualizzato assolutamente niente a parte le pagine web, quindi nessuna taskbar, barra degli indirizzi ecc..sarebbe facile copiare un sito (ad esempio quello delle poste) e tramite lo schermo intero un utente medio non sarebbe in grado di capire che quello che sta visitando non è il vero sito, ma solo una copia. in questo modo compilando dei campi ad esempio per fare il login invierebbe dei dati sensibili ai truffatori…per evitare questo tipo di problemi non è possibile compilare dei campi di testo in modalità fullscreen!! e da quanto ho letto la cosa resterà così!!!
    Se qualcuno ha trovato qualche soluzione fatelo sapere!!

  6. ciao,
    ho provato il tutorial ma non va, ho cambiato il file “stage.as” e ho anche aggiornato il flash player, anche se lo era già, ma lo stesso nn va, mi stampa questo errore.

    **Errore** Scena=Scene 1, livello=Layer 1, fotogramma=1:Linea 4: Nessuna proprietà denominata ‘displayState’.
    Stage.displayState = “fullScreen”;

    **Errore** Scena=Scene 1, livello=Layer 1, fotogramma=1:Linea 7: Nessuna proprietà denominata ‘displayState’.
    Stage.displayState = “normal”;

    Totale errori ActionScript: 2 Errori segnalati: 2

  7. Ciao Juliu e super complimenti per questa utilissima raccolta di tutorial….
    Scrivo per segnalare che questo tutorial sul fullscreen non funziona con Opera…
    L’ho scoperto perchè sto testando un sito che non mi va in fullscreen con opera e volevo capire se fosse stato un problema di opera ma no perchè per esempio nel sito di clara collin http://www.claracollins.com c’è un bottone in basso a destrache manda opera in full screen senza problemi… ciao
    Rajan

  8. Intanto complimenti per il sito, si possono trovare delle cose veramente interessanti.
    Per quanto riguarda fullscreen mode, mi risulta che dalle parti di Seattle abbiano già preso delle contromisure, non si sa per cosa, il già pessimo Vista Ultimate non supporta questa bellissima features, rendendo così vani gli sforzi di tanti webmasters che si prodigano sempre per dare il meglio ai loro clienti.
    Vi risulta a voi che con Vista Ultimate non funzioni?…a me va a fullscreen ma poi i contenuti non si vedono…non mi dite che è proprio così vi prego…

Rispondi

Effettua il login con uno di questi metodi per inviare il tuo commento:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...