Importare un Video Flash FLV in un sito web (Parte II)

Pagina 2 di 2

Obiettivo sfruttare il plugin di Flash per visualizzarecorrettamente il video e gestire il suono. La lista delleoperazioni da svolgere al fine di realizzare unvisualizzatore di video in flash è:

Acquisire i video (carateristiche e formati) e trasformare ifilmati in FLV (FLash Video format) sono stati spiegati nellaprima parte di questa lezione.
Abbiamo visto come ottimizzare un filmato mov, avi owma da utilizzare poi in un sito internet.
Le operazioni descritte sono state quelle legateall’importazione ed ai parametri di ottimizzazionequindi all’operazione di conversione del filmato nelformato FLV (Flash Video).

Obiettivo di questo tutorial e' apprendere i meccanismiper

  1. Impostare i comandi per la gestione del video
  2. Aggiungere il filmato conclusivo al sito Web

Ricordiamo che questa operazione ci permette di ottenere unfilmato accessibile via Web senza che sia necessario perl’utente scaricare nuovi plugin, e fare in modo che ilFlash Player si incarichi dello streaming edella riproduzione del filmato.

Il file Flash utilizzato per importare e trasformare ilfilmato ora non serve più. Partiamo con un progettototalmente nuovo, come quello illustrato nell’immagineseguente. Si tratta di un filmato 640x480 pixel in cuiè stata importata l’immagine PNG di untelevisore.

 

 

Utilizzare il componente Media Display

Per gestire il video al suo interno facciamo uso deiComponenti messi a disposizione dal programma Flash. Se ilpannello non è già aperto e disponibile alladestra del vostro ambiente di lavoro, lo potete accendere conil menu Finestra > Pannelli di Sviluppo >Componenti (Window > Development Panel> Components).

Fra le opzioni disponibili al suo interno abbiamo iMedia Component ed in particolare ilMedia Display e il MediaPlayback.

Il primo adatto per la riproduzione continua dei video, ilsecondo nel caso si voglia facilmente accompagnare il video astrumenti per il suo controllo (play, stop, rewind etc).

Procediamo con l’inserimento di un ComponenteMedia Display all’interno di un nuovo livello“filmato”. Per effettuarel’operazione è sufficiente trascinare in scenail componente.

Per gestire le caratteristiche di riproduzione il programmaci mette a disposizione il suo ComponentInspector.
Questo pannello di controllo permette di indicare:

  • il percorso del filmato che si intende visualizzare all’interno della finestra ad esempio: filmati/pippo.flv
  • se il filmato parte in automatico appena disponibile (autoplay)
  • se si preferisce utilizzare le dimensioni originali del filmato rispetto alle dimensioni del media display trascinato sul palcoscenico;
  • se le dimensioni da utilizzare sono quelle del media display ma si intende comunque rispettare le proporzioni (altezza/larghezza) del video orginale.

Per questo esempio abbiamo scelto di far partireautomaticamente il filmato, e di utilizzare le dimensionioriginali del filmato per la sua riproduzione.
Una volta gestite queste informazioni ed il percorsocorretto al filmato, è possibile vedere il filmato inanteprima.

 

Aggiungere controlli personalizzati

Per poter bloccare o cambiare il filmato durante la suariproduzione l’actionscript ci permette di aggiungeremaggiore interattività. È sufficiente dare unnome all’istanza del Media Displaypresente sul palcoscenico. Dalla barra delle proprietàin basso a sinistra è possibile scegliere il nome conle solite indicazioni di evitare sia gli spazi che le lettereaccentate.

Prima di tutto ci permette di aggiungere comandi come:
_root.nome_istanza.stop();
_root.nome_istanza.pause();
_root.nome_istanza.play();
Obiettivo quello di fermare la riproduzione,metterla in pausa o di procedere alla riproduzione normaledel filmato.

Ad elementi per la gestione del volume:
_root.nome_istanza.volume=0;
_root.nome_istanza.volume=50;

o ancora elementi che gestiscono il momento dellariproduzione del filmato:
_root. nome_istanza.playheadTime=120;
per impostare la posizione della testina di riproduzione

Con Actionscript inoltre è possibilegestire il filmato da riprodurre:
_root.nome_istanza.contentPath="ikrea.flv";

Attenzione: al comando _root.nome_istanza.contentPath, si consiglia di associarlosempre al comando _root.nome_istanza.play();
In quanto la riproduzione del nuovo filmato nonè automatica.

Se il filmato precedentemente caricato era attivo, anche ilnuovo filmato mantiene inalterata questa caratteristica eviene riprodotto altrimenti se il filmato precedente erabloccato anche il nuovo filmato mantiene il blocco dellariproduzione.

 

Utilizzare lo strumento Media Playback

Si tratta di uno strumento molto semplice che contienegià al suo interno tutti gli elementi utili allariproduzione del filmato ed alla gestione del suono.

Prendiamo un nuovo documento Flash 400x300pixel e trasciniamo al suo interno il componenteMedia Playback. Per gestire lecaratteristiche di riproduzione il programma ci mette adisposizione un nuovo Component Inspector.

Questo pannello di controllo permette di indicare oltre aglielementi descritti per il Media Displayanche di una nuova serie di opzioni: la posizione delpannello dei controlli associata al filmato (in basso o inalto, a destra o a sinistra del filmato) la visibilitàdel pannello: automatica (appare al passaggio del mouse)sempre visibile, oppure nascosta (appare solo la barra chemostra lo streaming e la riproduzione del filmato)

Importante: se utilizzate il MediaPlayback fate attenzione a impostare la lunghezzadel filmato in ore, minuti e secondi. Il programmacosì sarà in grado di spostare la testina,indicando il punto esatto della riproduzione nei confrontidella sua durata totale.

Unico neo nell’utilizzo di questo strumento è ilcolore bianco che non è possibile modificare. Perpersonalizzarlo vi consigliamo di creare i pulsanti con ilsistema dei controlli personalizzati.

 



Ti potrebbe interessare anche

commenta la notizia

Ci sono 1 commenti
Anonimo
la spiegazione è esauriente, infatti sono riuscito senza problemi a inserire un componenete MediaDisplay sul mio SWF.
Il problema è che mi funziona in locale ma non quando metto sul server remoto il file .HTML e relativo .SWF... La pagina si apre con il messaggio: "Questa pagina richiede Flash Player versione 7.0.14 o successiva."... Ho dato al filmato .FLV un percorso assoluto.
Dove posso aver sbagliato?
Ho tralasciato qualcosa?

Grazie,
Riccardo