Flash a tutto schermo

Avrete notato dall’uscita della versione 9 del Flash Player che molti siti di streaming video tipo YouTube hanno come funzione un reale fullscreen al posto del vecchio e classico popup con l’object a 100% di dimensioni che, oltre a venire bloccato dai soliti controlli blocca popup di IE (Internet Explorer) e simili, apriva un nuovo SWF obbligando ad una nuova connessione con il server di streaming e al passaggio dei dati dalla prima applicazione tramite sistemi come un insicuro Javascript o un troppo laborioso XMLRPC.

Con questo semplice script a seguire, vedremo come aprire il flash embeddato nella nostra pagina a tutto schermo sfruttando direttamente il proiettore Macromedia, proprio come fanno i grandi del settore.

Per farla breve, questo è lo script da inserire (nel caso si usasse actionscript 2.0) nel primo frame del nostro filmato:

/* AREA FULLSCREEN SCRIPT */
// funzioni per entrare ed uscire dal modo a tutto schermo
function goFullScreen()
{
Stage["displayState"] = “fullScreen”;
}
function exitFullScreen()
{
Stage["displayState"] = “normal”;
}

// funzione per abilitare e disabilitare il menu contestuale, per cambiare modalit�
function menuHandler(obj, menuObj)
{
if (Stage["displayState"] == “normal”)
{
// se siamo in modalità normale, abilitiamo ‘go full screen’ e disabilitiamo ‘exit’ menuObj.customItems[0].enabled = true;
menuObj.customItems[1].enabled = false;
}
else
{
// se siamo in modalità tutto schermo, abilitiamo ‘exit e disabilitiamo ‘go full screen’ menuObj.customItems[0].enabled = false;
menuObj.customItems[1].enabled = true;
}
}

// creiamo un nuovo menu contestuale
var fullscreenCM:ContextMenu = new ContextMenu(menuHandler);

// nascondiamo le voci regolari del menu
fullscreenCM.hideBuiltInItems();

// ora aggiungiamo le voci per entrare e uscire della modalità a tutto schermo
var fs:ContextMenuItem = new ContextMenuItem(“Go Full Screen”, goFullScreen);
fullscreenCM.customItems.push( fs );

var xfs:ContextMenuItem = new ContextMenuItem(“Exit Full Screen”, exitFullScreen);
fullscreenCM.customItems.push( xfs );

// attacchiamo il menu alla root, ma possiamo farlo in qualsiasi movieclip del filmato
_root.menu = fullscreenCM;
/* FINE FULLSCREEN SCRIPT */

Ora possiamo esportare il nostro filmato.
Per attivare la modalità a tutto schermo dobbiamo solamente aggiungere un parametro all’object che carichiamo sulla pagina.
Utilizzando la classe Javascript SWFObject (se non la utilizzate già scaricatela assolutamente dal sito ufficiale, è decisamente meglio del codice creato da Flash per molti motivi che spiegherò poi in un successivo post) aggiungete un nuovo parametro che abiliterà la modalità a pieno schermo.
Vediamo il codice da inserire nella pagina, innanzitutto carichiamo la libreria Javascript necessaria inserendo questo codice subito prima del tag </HEAD>:

<script language=”javascript1.3″ src=”js/flashobject.js”></script>

e ora posizioniamo il codice che richiamerà l’ SWF in un blocco DIV a cui avremo assegnato un ID, in questo esempio chiamato ‘includi_flash’:

<script
language=”Javascript”>
// indichiamo nell’ordine nome del file, nome dell’object (a scelta), altezza, larghezza,
// versione del Flash Player necessaria, ovviamente la 9 per abilitare il fullscreen e colore di sfondo
myFlash2 = new FlashObject(‘swf/esempio.swf’, ‘movie’,”800″ , “600″, 9, ‘ffffff’);
// a scelta possiamo includere l’express install, incluso nel pacchetto SWFObject
// si preoccuperà di far aggiornare il plugin Flash Player per chi ha versione precedenti
myFlash2.useExpressInstall(‘swf/expressinstall.swf’);
// il parametro necessario per la versione a tutto schermo
myFlash2.addParam(“allowFullScreen”,”true”);
// diciamo a Javascript di inserire il flash dentro il div con id ‘includi_flash’
myFlash2.write(‘includi_flash’);
</script>

E ora non rimane che provare la nuova modalità selezionandola dal menu contestuale e compiacerci per il rapido e stabile risultato ottenuto :)

Ritieni questo post utile o interessante?
Condividi e Segnala

, , , , , , , , ,

Contenuto simile:

  • Flash a tutto schermo
    FLV2AVI? Mai così semplice con Flash

    FLV2AVI o anche FLV2MOV..perchè no? Stavo cercando proprio oggi un convertitore di file video FLV 2 AVI per inserire un file scaricato da YouTube in un progetto..in giro ce ne stanno vari shareware e anche freeware ma non soddisfacevano pienamente le mie esigenze, poi mi è venuta quest' idea..importare il video FLV...

  • Flash a tutto schermo
    Come individuare che uno streaming video FLV è stato completato

    Per chi usa il component FLVPlayback è semplice, tra i suoi parametri troviamo l'evento COMPLETE che possiamo gestire facilmente ma per quelli come me, a cui il component Macromedia (ormai Adobe) va molto stretto e che quindi se ne sono creati uno in proprio, potrà tornare utile questa spiegazione su come individuare...

  • Magic swf2avi
    Magic SWF2AVI

    E' noto che i filmati .swf si possono esportare in formato AVI direttamente dal programma Flash; come già visto nel post FLV2AVI? Mai così semplice con Flash l'esportazione in questo formato video funziona impeccabilmente, almeno per quel che riguarda le animazioni presenti sulla timeline dello stage. Ma dovendo...

  • Flash a tutto schermo
    Menù 3D in Flash con AS Actionscript 2

    Con questo tutorial vedremo come ottenere un menu 3d in Flash utilizzando le funzione matematiche seno e coseno. No, non dovremo tornare a studiare trigonometria al liceo..l'utilizzo di questi 2 metodi della classe Math di AS ActionScript 2 è molto semplice e versatile: questo impiego per ricreare un menù...

  • Flash a tutto schermo
    Enciclopedia di Actionscript 2.0, tutta la sintassi, gli elementi e le classi

    Siamo già arrivati alla versione 3.0 dello script di Flash ma ancora pochi sono passati alla nuova suite di Adobe quindi questa "enciclopedia" con tutti gli elementi della versione 2 del linguaggio (classi, oggetti, funzioni etc.), esempi esaustivi, indicizzata in ordine alfabetico, non può che essere ritenuta...

Feed dei commenti dei commenti - lascia un commento - trackback

3 commenti per “Flash a tutto schermo”

  1. capobecchino

    [...] Avrete notato dall’uscita della versione 9 del Flash Player che molti siti di streaming video tipo YouTube hanno come funzione un reale fullscreen al posto del vecchio e classico popup con l’object a 100% di dimensioni che, oltre a venire bloccato dai soliti controlli blocca popup di IE (Internet Explorer) e simili, apriva un nuovo SWF obbligando ad una nuova connessione con il server di streaming e al passaggio dei dati dalla prima applicazione tramite sistemi come un insicuro Javascript o un troppo laborioso XMLRPC. [...]

    http://www.meemi.com/capobecchino/meme/298

  2. Sviluppo siti web

    Ottimo!

  3. giuliaester

    ciao,
    scusami, si potrebbe avere un’esempio?

Rispondi al post