Lavora con noi

Web design

Siti tematici

Speciali

Pagine:

RSS

Usare Flash rimanendo 'validi'

di: Alessandro Fulciniti 15 Dicembre 2004

Come tutti sanno, si è diffusa negli ultimi anni la pratica di validare il codice delle pagine HTML. In questo articolo vedremo diversi modi per incorporare filmati Flash rispettando gli standard di validazione. Partiremo dal metodo più noto e diffuso per arrivare a quelli alternativi, in grado di farci raggiungere questo obiettivo. Iniziamo subito.

Incorporare Flash con object e embed

Sul sito di Macromedia c'è una pagina che riporta il codice da inserire in pagine HTML per incorporare filmati Flash: è lo stesso generato per esportare filmati Flash dall'ambiente di sviluppo. Si trova inoltre una pagina che spiega l'uso dei tag embed e object e i loro attributi.

Vediamo il codice del nostro primo esempio con un piccolo filmato che ho realizzato con SwishMax:

In grassetto ho riportato le parti che dovrete modificare per inserire i vostri filmati, ossia il nome del filmato e le dimensioni. Questo metodo di incorporare filmati Flash è il più diffuso, è molto robusto e inoltre è semplice, dato che può venir generato automaticamente dall'ambiente di sviluppo. Il problema, come notere dal link diretto al validatore nella pagina dell'esempio, è che non restituisce codice valido: il motivo è l'uso del tag embed, che non rientra nelle specifiche dell'HTML. Nel corso dell'articolo vedremo diverse alternative, tutte accomunate dal fatto che passano il test di validazione.

Usare un filmato contenitore: Flash Satay

L'articolo apparso su Alistapart risale a più di due anni fa, e presenta una tecnica denominata Flash Satay. Il pezzo merita una lettura attenta: spiega come arrivare ad ottenere un codice HTML cross-browser e valido per incorporare filmati Flash. Un problema in cui si imbatte l'autore nel processo di standardizzazione del codice è lo streaming dei filmati Flash su Internet Explorer: con questo browser, infatti, un filmato verrà mostrato, ma solo quando è stato interamente scaricato. La soluzione presentata dall'autore è un piccolo filmato contenitore che riceve come parametro il nome del filmato da caricare attraverso una variabile. Vediamo l'esempio. Come noterete il codice HTML è ora valido. Eccolo:

Anche in questo caso in grassetto le parti da modificare. Da notare che il testo all'interno del tag p verrà mostrato solo nel caso in cui il lettore flash non sia disponibile nel sistema dell'utente. Al suo posto possiamo aggiungere un'immagine sostitutiva o del testo, anche se personalmente consiglio di riportare comunque il link per il download.

Il filmato contenitore è davvero molto piccolo (201 byte) e quindi verrà interamente caricato in pochissimo tempo, così da consentire lo streaming dell'animazione reale che riceve come parametro. Il container movie è costituito da un semplice script in Actionscript posizionato nel primo e unico frame del filmato:

_root.loadMovie(_root.path,0);

O in alternativa, in SwishScript (se usate Swish o SwishMax), ecco il codice da aggiungere sempre sul primo frame:

onLoad () {
this.loadMovie(_root.path);
}

La tecnica è molto semplice e robusta. Introduce però un limite: è difficile passare parametri al filmato reale anzichè al contenitore. A distanza di due anni Drew McLellan, l'autore dell'articolo sul Flash Satay, ha scritto un seguito in cui sostiene che reputa la tecnica tuttora valida.

Pagina successiva

Pagine: