Cell. +39 3479684755

Il Blog di Instant Websites

Categoria: Dreamweaver

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.

DREAMWEAVER CS4 BETA: il primo impatto

Qualche giorno fa ho scaricato dal sito Adobe la beta di Dreamweaver CS4 (nel suo rilascio b1_052708, sigla che immagino significhi “beta1 datata 27 maggio 2008”). Oggi mi sono deciso ad installarla.
Va da se che, per scaricarla, è necessario essere registrati al sito Adobe: ma la registrazione è gratuita, quindi nessun problema. E poi, chi usa un qualsiasi software Adobe è necessariamente già utente registrato.
Durante l’installazione, il firewall mi avvisa un paio di volte che setup.exe chiede una connessione in uscita. Anche in questo caso, nessun problema, ho una versione regolarmente acquistata e registrata di CS3 quindi non temo nulla, ma dato che l’installer scaricato è di 143 mega non capisco cos’altro debba pescare in rete (si è molto discusso del fatto che i programmi Adobe inviano dati spesso e volentieri … ma non facciamo i paranoici).
La prima installazione, fallisce. Il setup mi avvisa di chiudere Dreamweaver CS3, che è in esecuzione; nonostante questo, però, pochi istanti dopo la procedura viene abortita perché un componente non può essere installato. Figurarsi se mi preoccupo: riavvio setup.exe e stavolta tutto va a buon fine.

Okay, avviamo questa beta. Mi chiede di inserire un seriale, oppure di usarla come trial. E subito dopo mi si propone come programma di default per le varie estensioni del web (html, php ecc.). Deseleziono tutto, ci mancherebbe che una beta mi impasticciasse le cose a danno di una versione definitiva.
L’interfaccia di partenza mi pare simile, con qualche icona nuova, mentre aprendo un sito (mi ha trovato in automatico tutte le definizioni esistenti per fortuna) le cose si complicano perché i menu si presentano disposti diversamente.
Non che mi faccia spaventare per così poco … Semplicemente, c’è la possibilità di scegliere tra più modalità di interfaccia (classica, coder, designer ecc.). E’ solo questione di abitudine.

La prima sorpresa ce l’ho quando apro una pagina contenente un filmato Flash: un avviso mi dice che gli oggetti SWF contenuti potrebbero non funzionare correttamente nella versione più recente di Internet Explorer. Togliendoli dalla pagina e reinserendoli, il markup verrà corretto.
Che sia già un riferimento a I.E. 8? Accidenti, questa è da verificare. Ci mancherebbe anche che i signori della Microsoft si apprestino a confondere ancora le acque … voglio dire, ci hanno promesso che la versione 8 del browser sarà finalmente rispondente alle raccomandazioni del W3C, dobbiamo aspettarci qualche pasticcio? Devo approfondire questa cosa.
Dando un’occhiata sul sito Adobe (qui: http://www.adobe.com/devnet/logged_in/sfegette_dwcs4_beta.html) si scopre che in realtà non si tratta di questo, bensì del fatto che DW CS4 beta usa SWFObject 2.0 per inserire i filmati Flash nella pagina. Finalmente, niente più tag embed con i relativi problemi di validazione?

L\'avviso di DW CS4 beta riguardante i filmati swf

Al di là delle valutazioni tecniche, comunque provvisorie (dopotutto è una beta, seguirà probabilmente la beta 2 e poi le RC del caso) mi pongo una serie di domande: quando uscirà questa nuova versione? Diciamo prima metà del 2009. E quindi, quanto tempo sarà passato dal rilascio della versione CS3? Quanto costeranno gli aggiornamenti? Sarà una versione giustificata dai progressi tecnici o sarà un maquillage finalizzato a fare sborsare ulteriori quattrini agli utilizzatori?
So che sono domande banali, che valgono per qualsiasi pacchetto “importante”. Ma vale comunque la pena di farsele perché non sono pochi coloro i quali non hanno aprezzato il passaggio da Macromedia ad Adobe e le relative nuove strategie commercali di quest’ultima. Certi interrogativi non dobbiamo porceli solo per Microsoft …

Categorie
Archivi