Aggiunta di video in Dreamweaver

Lo standard HTML5 supporta tag video e audio che consentono agli utenti di riprodurre file video e audio in un browser senza che sia necessario un plugin o un lettore esterno. Dreamweaver supporta i suggerimenti sul codice per l'aggiunta di tag video e audio.

La vista Dal vivo esegue il rendering del video e fornisce così un'anteprima del filmato che state incorporando in una pagina Web.

Per informazioni sull’inserimento di video HTML5, consultate Inserire video HTML5 in Dreamweaver.

Inserimento di file FLV

Inserire file FLV

Potete inserire facilmente dei video FLV nelle pagine Web senza utilizzare lo strumento di creazione di Flash. Dovete disporre di un file FLV codificato prima di cominciare.

Dreamweaver inserisce un componente SWF che visualizza il file FLV; quando viene visualizzato in un browser, questo componente visualizza il file FLV selezionato, oltre a un gruppo di controlli della riproduzione.

Dreamweaver fornisce le opzioni seguenti per rendere disponibili i video FLV ai visitatori del sito:

Scarica il file FLV sul disco rigido del visitatore del sito e lo riproduce. A differenza dei tradizionali metodi “scarica e riproduci”, tuttavia, lo scaricamento progressivo permette di iniziare la riproduzione del file video prima che sia stato completamente scaricato.

Esegue lo streaming del contenuto video e lo riproduce immediatamente nella pagina web, dopo un breve periodo di buffering che ne assicura una riproduzione fluida. Per attivare lo streaming video sulle pagine web, dovete disporre dell'accesso ad Adobe® Flash® Media Server.

Dovete disporre di un file FLV codificato per poterlo utilizzare in Dreamweaver. Potete inserire file video creati con due tipi di codec (tecnologie di compressione/decompressione): Sorenson Squeeze e On2.

Come accade con i normali file SWF, quando inserite un file FLV, Dreamweaver inserisce del codice che rileva se l'utente dispone della versione corretta di Flash Player per visualizzare il video. In caso contrario, la pagina visualizza del contenuto alternativo che richiede all'utente di scaricare la versione più recente di Flash Player.

Per ulteriori informazioni sulle operazioni con i video, visitate il Centro sulla tecnologia video all'indirizzo www.adobe.com/go/flv_devcenter_it.

Inserire un file FLV

Impostare le opzioni per il video a scaricamento progressivo

La finestra di dialogo Inserisci FLV consente di impostare le opzioni di scaricamento progressivo per un file FLV inserito in una pagina Web.

Impostare le opzioni per lo streaming video

La finestra di dialogo Inserisci FLV consente di impostare le opzioni per lo scaricamento in streaming video di un file FLV inserito in una pagina Web.

Modificare le informazioni sullo scaricamento di Flash Player

Quando inserite un file FLV in una pagina, Dreamweaver inserisce del codice che rileva se l'utente dispone dalla versione corretta di Flash Player. In caso contrario, la pagina visualizza del contenuto alternativo predefinito che richiede all'utente di scaricare la versione più recente. Potete modificare questo contenuto alternativo in qualsiasi momento.

La procedura è valida anche per i file SWF.

Risolvere i problemi dei file FLV

Questa sezione contiene informazioni sulle cause più comuni di problemi relativi ai file FLV.

Problemi di visualizzazione causati dall'assenza di file correlati

Il codice generato da Dreamweaver CS4 e versioni successive dipende da quattro file dipendenti, distinti dal file FLV vero e proprio:

• swfobject_modified.js

• expressInstall.swf

• FLVPlayer_Progressive.swf

• Il file dello skin (ad esempio Clear_Skin_1.swf)

In Dreamweaver CS4 e versioni successive, rispetto a Dreamweaver CS3, vi sono due file dipendenti in più.

I primi due di questi file (swfobject_modified.js e expressInstall.swf) sono installati in una cartella denominata Script, che viene creata da Dreamweaver nella cartella principale del sito, qualora non esista già.

Gli altri due file (FLVPlayer_Progressive.swf e il file dello skin) sono installati nella stessa cartella della pagina nella quale il file FLV è incorporato. Il file dello skin contiene i controlli per il file FLV e il suo nome corrisponde allo skin scelto nelle opzioni descritte nella Guida di Dreamweaver. Ad esempio, se scegliete lo skin Clear, il file si chiama Clear_Skin_1.swf.

Tutti e quattro i file dipendenti DEVONO essere caricati nel server remoto affinché il file FLV venga visualizzato correttamente.

Il mancato caricamento di questi file è la causa più comune della riproduzione non corretta di un file FLV in una pagina Web. Se uno dei file è assente, potreste vedere solo una "casella bianca" nella pagina.

Per verificare di aver caricato tutti i file dipendenti, utilizzate il pannello File di Dreamweaver per caricare la pagina in cui deve apparire il file FLV. Quando caricate la pagina, Dreamweaver chiede se volete caricare i file dipendenti (a meno che non abbiate deselezionato questa opzione). Fate clic su Sì per caricare i file dipendenti.

Problemi di visualizzazione nelle anteprime locali delle pagine

A causa di aggiornamenti di sicurezza introdotti in Dreamweaver CS4, non è possibile utilizzare il comando Visualizza anteprima nel browser per provare una pagina con un file FLV incorporato a meno che non venga definito un server di prova locale nella definizione del sito di Dreamweaver e non si utilizzi quindi il server di prova per l'anteprima della pagina.

Solitamente un server di prova è necessario solo quando si sviluppano pagine per ASP, ColdFusion o PHP (vedete Configurare il computer per lo sviluppo di applicazioni). Se sviluppate siti Web che utilizzano esclusivamente il linguaggio HTML e non avete definito un server di prova, quando premete F12 (Windows) o Opzione+F12 (Macintosh) viene visualizzato soltanto un insieme indistinto di controlli dello skin. Per evitare questo problema potete definire il server di prova e utilizzarlo per visualizzare l'anteprima della pagina, oppure caricare i file su un server remoto e visualizzarli da quella posizione.

Altre possibili cause dei problemi relativi ai file FLV

• Se incontrate problemi nella visualizzazione dell'anteprima locale dei file, verificate che l'opzione Anteprima mediante il file temporaneo sia deselezionata in Modifica > Preferenze > Anteprima in tempo reale.

• Controllate di avere la versione più recente del plugin di Flash Player.

• Fate attenzione quando spostate file e cartelle all'esterno di Dreamweaver. Quando spostate file e cartelle fuori da Dreamweaver, l'applicazione non ha modo di verificare i percorsi corretti dei file associati ai file FLV.

• Potete sostituire temporaneamente il file FLV che causa il problema con un file FLV collaudato. Se il file FLV sostitutivo funziona correttamente, il problema riguarda sicuramente il file FLV originale, non il browser o il computer.

Modificare o eliminare un componente FLV

Potete modificare le impostazioni del video nella pagina Web selezionando il segnaposto del componente video nella finestra del documento di Dreamweaver e utilizzando la finestra di ispezione Proprietà. Un altro metodo consiste nell'eliminare il componente video e reinserirlo selezionando Inserisci > HTML > Flash Video.

Modificare il componente FLV

Eliminare il componente FLV

Aggiungere video (altri formati)

Per scoprire come aggiungere video che non siano file .flv, consultate Aggiungere video (non FLV). 

Potrebbe anche interessarvi sapere come inserire contenuto plug-in in Dreamweaver per riprodurre file .mp3 o video Quicktime nel sito Dreamweaver.