Selezione del lettore e creazione della pagina HTML
Modello del lettore Platinum
Modello del lettore Glass
Modello del lettore Wood
Modello del lettore Mech
Modello del lettore YouTube
Modello del lettore Plastic
Quando create un video per una pagina HTML, potrebbe essere utile creare un lettore per il video flash e inserirlo nel codice della pagina. AVS Video Converter lo farà per voi.
Prima selezionate il video da convertire e il nome e la cartella per il file di uscita. Vedete il capitolo Conversione nel formato FLV per saperne di più.
Dopo spuntate l'opzione Crea il lettore SWF e la pagina HTML della finestra Impostazioni avanzate di AVS Video Converter:
Dopo questo potete selezionare uno dei modelli del lettore flash dall'elenco a discesa. Un lettore video con i suoi controlli sarà aggiunto al video flash. Spuntate l'opzione Riproduci video a cicli se desiderate che il video sia riprodotto di nuovo automaticamente appena finita la riproduzione precedente, e Avvio automatico della riproduzione video per iniziare la riproduzione automaticamente una volta aperto il file.
Una pagina HTML con il codice citato qui sotto viene creata e posizionata nella directory di uscita insieme al video di uscita.
<html>
<head>
<META http-equiv="content-type" content="text/html; charset=windows-1252">
<title>AVS FLV Player</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
body { background-color: #FFFFFF; font: .8em/1.3em verdana,arial,helvetica,sans-serif }
#flashcontent { border: solid 1px #000; width: 356px; height: 321px; float: left }
</style>
</head>
<body>
<div id="flashcontent">
<strong>Dovete aggiornare il vostro lettore Flash.</strong>
</div>
<script type="text/javascript">
var so = new SWFObject('player_v4.swf', 'player', '356', '321', '7', "#000000");
so.addParam("allowScriptAccess","always");
so.addParam("allowFullScreen","true");
so.addParam("wmode", "window");
so.addParam("scale", "noscale");
so.addVariable("file", "2_NEW.flv");
so.addVariable("height", "321");
so.addVariable("width", "356");
so.addVariable("theme", "Glass.swf");
so.addVariable("repeat", "0");
so.addVariable("autostart", "0");
so.addVariable("image", "");
so.addVariable("volume", "50");
so.addVariable("scaleonresize", "none");
so.addVariable("top_caption", "");
so.addVariable("bottom_caption", "");
so.addVariable("v", getQueryParamValue("v"));
so.write("flashcontent");
</script>
</body>
</html>
Quando siete pronti cliccate sul pulsante Convertire! per cominciare la conversione.
Potete sempre aprire una pagina HTML in seguito utilizzando il modificatore HTML preferito, modificarla, copiarla e inserirla nella pagina web. Non dimenticate di mettere tutti i file dalla cartella del video di uscita nell'area dove si trova la vostra pagina web sul server web per assicurare il funzionamento corretto.
Nota: inserite il codice dalla pagina HTML creata nella vostra pagina nel modo seguente:
- includere il codice tra i tag <style type="text/css"> e </style> nel vostro file CSS o nello stile del codice sulla pagina (se lo stile per la sezione body è già definito sulla vostra pagina omettete la prima linea - body { background-color: #FFFFFF; font: .8em/1.3em verdana, arial, helvetica, sans-serif } e utilizzate il vostro stile per il body (corpo) della pagina);
- includere il codice <script type="text/javascript" src="swfobject.js"></script> nella vostra pagina nella sezione <head>;
- includere il codice tra i tag <body> e </body> nell'area sulla vostra pagina dove viene posizionato il lettore.
E' possibile cambiare anche queste linee del codice:
#flashcontent { border: solid 1px #000; width: 356px; height: 321px; float: left } - lo stile utilizzato per il lettore flash. Consiste dei parametri seguenti che possono essere cambiati:
- border: solid 1px #000 - il bordo utilizzato per la finestra del lettore.
- Il parametro solido solid determina lo stile del bordo (può essere anche dashed, dotted, double, groove, hidden, inset, none, outset, ridge). Se selezionate il valore none, il bordo non viene visualizzato.
- 1px - la larghezza del bordo misurata in pixel. E' possibile inserirci qualsiasi valore.
- #000 - il colore del bordo nel formato esadecimale. #000 o #000000 corrisponde al colore nero, #ffffff - a quello bianco. E' possibile utilizzare qualsiasi combinazione di sei cifre da 0 a 9 e le lettere da a a f per formare un colore, non dimenticate però di inserire il segno di cancelletto # davanti a essi.
- width: 356px - la larghezza della finestra del lettore misurata in pixel (la larghezza dell'area sulla vostra pagina web allocata per il lettore). Viene selezionata automaticamente secondo il preset utilizzato durante la conversione del file video o secondo la larghezza impostata del file video di uscita, se il profilo selezionato è stato modificato.
- height: 321px - l'altezza della finestra del lettore misurata in pixel (l'altezza dell'area sulla vostra pagina web allocata per il lettore). Viene selezionata automaticamente secondo il preset utilizzato durante la conversione del file video o secondo l'altezza impostata del file video di uscita, se il profilo selezionato è stato modificato.
- float: left - la posizione del lettore sulla pagina creata. I valori possibili icludono anche float:right (il lettore flash viene posizionato nella parte destra della vostra pagina) e float:none (il video viene posizionato nell'area predefinita sulla vostra pagina iniziale, ciò è determinato con i parametri dello stile della vostra pagina).
var so = new SWFObject('player_v4.swf', 'player', '356', '321', '7', "#000000");
- 'player_v4.swf' - il nome e il percorso al lettore utilizzato per la riproduzione del video flash. Di solito è posizionato nella stessa directory come la pagina HTML creata. Se cambiate la sua posizione assicuratevi di effettuare questi cambiamenti anche nel percorso del file del lettore nuovo.
- 'player' - l'id attribuito al lettore dal programma. Normalmente non dovete cambiarlo.
- '356' - la larghezza dell'area allocata al lettore flash e misurata in pixel. Viene selezionata automaticamente secondo il preset utilizzato durante la conversione del file video o secondo la larghezza impostata del file di uscita, se il profilo selezionato è stato modificato.
- '321' - l'altezza dell'area allocata al lettore flash e misurata in pixel. Viene selezionata automaticamente secondo il preset utilizzato durante la conversione del file video o secondo l'altezza impostata del file di uscita, se il profilo selezionato è stato modificato.
- '7' - il numero della versione del lettore flash da utilizzare per riprodurre il video flash. Se questo valore è più alto della versione del lettore Adobe flash installato sul computer, invece del lettore video flash si apre il messaggio che si trova tra <div id="flashcontent"><strong> e </strong></div> (è il seguente: Aggiornate il vostro lettore Flash.).
- "#000000" - il colore di sfondo del filmato flash nel formato esadecimale. #000000 corrisponde al colore nero, #ffffff - al bianco. E possibile utilizzare qualsiasi combinazione di sei cifre da 0 a 9 e le lettere da a a f per formare un colore, non dimenticate però di inserire il segno di cancelletto # davanti a essi.
so.addVariable("wmode", "window"); - imposta la proprietà della finestra del filmato Flash come trasparenza, creazione strati, e posizionamento nel browser. I valori possibili sono i seguenti: window (il filmato viene riprodotto nella sua finestra rettangolare sulla pagina web), opaque (il filmato nasconde tutto che si trova dietro di esso), transparent (lo sfondo della pagina HTML viene visualizzato tra tutte le parti trasparenti del filmato, ciò può rallentare l'animazione).
so.addVariable("scale", "noscale"); - determina il comportamento del filmato per quel che riguarda la dimensione e l'aspetto della finestra del lettore. Può prendere i valori seguenti: default (visualizza tutto) (rende tutto il film visibile nell'area specificata senza distorsione, mantenendo il rapporto d'aspetto originale del filmato; i bordi possono apparire su due lati del filmato), noorder (aggiusta le dimensioni del filmato per adattarlo all'area specificata, senza distorcerlo però probabilmente ritagliarlo, mantenendo il rapporto d'aspetto originale del film), exactfit (rende l'intero filmato visibile nell'area specificata senza provare a preservare il rapproto d'aspetto originale; in questo caso il film può essere distorto).
so.addVariable("file", "2_NEW.flv"); - il file video flash convertito e il suo percorso. Di solito si trova nella stessa directory come la pagina HTML creata. Se cambiate la sua posizione assicuratevi di effettuare questi cambiamenti anche per il percorso del file video flash nuovo.
so.addVariable("height", "321"); - l'altezza del lettore flash misurata in pixel. Viene selezionata automaticamente secondo il preset utilizzato durante la conversione del file video o secondo l'altezza impostata del file di uscita, se il profilo selezionato è stato modificato. Se cambiate questo valore, cambiate anche il valore di larghezza - so.addVariable("width", "356");, per cambiare la dimensione del lettore in modo proporzionato.
so.addVariable("width", "356"); - la larghezza del lettore flash misurata in pixel. Viene selezionata automaticamente secondo il preset utilizzato durante la conversione del file video o secondo la larghezza impostata del file di uscita, se il profilo selezionato è stato modificato. Se cambiate questo valore, cambiate anche il valore di altezza - so.addVariable("height", "321"); per cambiare la dimensione del lettore in modo proporzionato.
so.addVariable("theme", "Glass.swf"); - il nome e il percorso al modello del lettore flash selezionato prima della conversione. Di solito si trova nella stessa directory che la pagina HTML creata. Se cambiate la sua posizione assicuratevi di effettuare questi cambiamenti anche per il percorso del file del modello del lettore.
so.addVariable("repeat", "0"); - il parametro della riproduzione del filmato a cicli selezionato prima della conversione. Se è impostato su 0 la riproduzione non sarà ripetuta, cioò non sarà ripresa al termine. Se è impostato su 1 la riproduzione sarà ripresa e il video sarà riprodotto dall'inizio subito dopo il termine della riproduzione precedente.
so.addVariable("autostart", "0"); - il parametro dell'avvio automatico del filmato che viene selezionato prima della conversione. Se è impostato su 0 la riproduzione non inizierà automaticamente appena che il video sarà stato caricato nel browser. Per iniziare la riproduzione automaticamente impostate il valore di questo parametro su 1.
so.addVariable("image", ""); - il nome e il percorso dell'immagine che viene visualizzata una volta aperta la pagina, a condizione che il valore di autostart sia impostato su 0 (in altre parole l'inizio automatico è disattivato). E' possibile selezionare un file immagine nel formato .jpg della dimensione giusta (i valori di altezza e larghezza siano uguali a quelli del lettore/posizione allocata al lettore), non dimenticate d'impostare un percorso corretto per esso. Inserite il nome immagine e il percorso tra le seconde virgolette, per.es. so.addVariable("image", "../images/MyImage.jpg");.
so.addVariable("volume", "50"); - il volume del filmato riprodotto.
so.addVariable("top_caption", ""); - l'intestazione superiore che viene visualizzata quando girate il puntatore del mouse sulla finestra del lettore. Se lasciate questo campo vuoto, viene visualizzata l'intestazione predefinita. Se decidete di cambiarla inserite l'intestazione necessaria tra le seconde virgolette, per.es. so.addVariable("top_caption", "my top caption");.
so.addVariable("bottom_caption", ""); - l'intestazione inferiore che viene visualizzata quando girate il puntatore del mouse sulla finestra del lettore. Se lasciate questo campo vuoto, viene visualizzata l'intestazione predefinita. Se decidete di cambiarla inserite l'intestazione necessaria tra le seconde virgolette, per.es. so.addVariable("bottom_caption", "my bottom caption");.
Nota: per saperne di più su questi e gli altri parametri video e del lettore riferitevi al sito
Adobe.