Cell. +39 3479684755

Il Blog di Instant Websites

Archivi del mese: Luglio 2008

SWFObject ovvero la soluzione ideale per i filmati Flash

Gli sviluppatori di siti web e, in particolare, gli utilizzatori di Dreamweaver, sono bene al corrente della difficoltà concernente l’inserimento di filmati Flash in una pagina web.
Utilizzando infatti la funzione Inserisci – Oggetto multimediale – Flash contenuta in Dreamweaver CS3, si determina l’aggiunta del tag embed e quindi, in fase di validazione rispetto a XHTML 1.0 Transitional, l’avviso spietato ma inevitabile: “Il nome tag: embed non trovato nelle versioni attualmente attive”.

In parecchi si sono quindi mossi per risolvere il problema, ammesso che sia veramente tale e cioè ammesso che la validazione completa sia davvero una necessità per il Cliente.
La soluzione più valida, tra quelle che ho personalmente sperimentato, è SWFObject arrivato alla versione 2.1.
Si tratta di un leggerissimo script (JS) che consente di inserire un filmato Flash in una pagina senza ricorrere a tag deprecati e con estrema facilità, sulla base di una delle due procedure proposte e cioè static o dynamic publishing.

In pratica, con dynamic publishing si tratta semplicemente di:
1) richiamare la libreria tramite il codice:
<script type=“text/javascript” src=“swfobject.js”></script>
nella sezione <head> della pagina;
2) creare tramite CSS un box ID per il filmato ed inserirlo nella pagina , prevedendo il contenuto alternativo destinato a chi non disponga del plugin Flash Player e/o di javascript attivato;
3) inserire il filmato nel box tramite Javascript, con un codice del tipo:
<script type=“text/javascript”>
    swfobject
.embedSWF(“filmato.swf”, “box”, “400”, “300”, “9.0.0”);
   
</script>
dove filmato.swf è il nome del file Flash, box è il nome del contenitore, 400×300 sono le dimensioni del filmato e 9.0.0 è la versione minima richiesta del player (sono possibili altri parametri, vedi documentazione).
Se l’utente non ha il plugin Flash Player e/o ha Javascript disattivato, la degradazione è ottima perché viene mostrato il contenuto alternativo previsto dallo sviluppatore (tipicamente: “Scarica il plugin qui … attiva Javascript”).
E’ da notare che a livello di CSS, il box può anche avere dimensione definita in automatico; è inoltre possibile usare come dimensioni il valore 100% e determinare la scalatura delle dimensioni in funzione di quelle disponibili nel browser dell’utente.

Il dubbio che può essere sollevato è relativo, intuitivamente, al fatto che la visualizzazione corretta del filmato è subordinata non solo alla disponibilità del plugin da parte del PC dell’utente, bensì anche al funzionamento di Javascript che non deve essere disattivato.
A me personalmente questo pare un problema assolutamente secondario. Quanti sono i computer con JS disattivato in realtà? Inoltre: se l’utente per qualsiasi motivo ha deciso di rinunciare a JS, è molto probabile che abbia disattivato anche l’operatività dei plugin che gestiscono i contenuti multimediali ed il contenuto attivo in generale.
In soldoni: un utente di questo tipo sa bene che non potrà vedere granché al di là del testo semplice e non sarà certo il nostro sito a creare eccezione.

SWFObject con la relativa documentazione tecnica, può essere reperito qui: http://code.google.com/p/swfobject/

Un’ultima osservazione: la beta di CS4 non utilizza più il tag embed bensì, proprio, JS per inserire i filmati Flash a conferma che questa è la strada giusta.

Categorie
Archivi