Creare un'applicazione con il componente FLVPlayback

Il componente FLVPlayback può essere inserito in un'applicazione nei seguenti modi:

  • Trascinando il componente FLVPlayback dal pannello Componenti nello stage e specificando un valore per il parametro source .

  • Usando la procedura guidata Importa video per creare il componente sullo stage e personalizzarlo con uno skin.

  • Usando la funzione di costruzione FLVPlayback() per creare un'istanza FLVPlayback sullo stage in modo dinamico, supponendo che il componente sia nella libreria.

    Nota: se create un'istanza FLVPlayback con ActionScript, dovete anche assegnargli uno skin impostando la proprietà skin con ActionScript. Uno skin applicato in questo modo non viene pubblicato automaticamente con il file SWF. Dovete copiare sia il file SWF dell'applicazione che il file SWF dello skin sul server di applicazioni, altrimenti il file SWF dello skin non sarà disponibile quando si esegue l'applicazione.

Trascinare il componente FLVPlayback dal pannello Componenti

  1. Nel pannello Componenti, fate clic sul segno più (+) per aprire la voce video.

  2. Trascinate il componente FLVPlayback nello stage.

  3. Nella scheda Parametri della finestra di ispezione dei componenti, con il componente FLVPlayback selezionato nello stage, individuate la cella Valore corrispondente al parametro source e inserite una stringa che specifichi uno dei dati seguenti:

    • Un percorso locale a un file video

    • Un URL a un file video

    • Un URL a un file SMIL (Synchronized Multimedia Integration Language) che descrive come riprodurre un file video.

      Per informazioni su come creare un file SMIL utilizzato per descrivere uno o più file FLV, vedete Usare un file SMIL .

  4. Nella scheda Parametri della finestra di ispezione dei componenti, con il componente FLVPlayback selezionato nello stage, fate clic sulla cella Valore del parametro skin .

  5. Fate clic sull'icona della lente di ingrandimento per aprire la finestra di dialogo Seleziona skin.

  6. Selezionate una delle seguenti opzioni:

    • Dall'elenco a discesa Skin, selezionate uno degli skin predefiniti per associare al componente una serie di controlli di riproduzione.

    • Se è stato creato uno skin personalizzato, selezionate URL skin personalizzato dal menu a comparsa, quindi immettete l'URL del file SWF che contiene lo skin nella casella URL.

    • Per aggiungere i controlli di riproduzione, selezionate Nessuno e trascinate i singoli componenti UI FLV di riproduzione personalizzati nello stage.

      Nota: in entrambi i casi, nel riquadro di visualizzazione sopra il menu a comparsa viene visualizzata un'anteprima dello skin. Potete utilizzare il selettore di colore per cambiare il colore dello skin.

      Per cambiare il colore di un controllo UI personalizzato, dovete personalizzarlo. Per ulteriori informazioni sull'uso dei controlli UI personalizzati, vedete Associare skin ai singoli componenti UI FLV di riproduzione personalizzati .

  7. Fate clic su OK per chiudere la finestra di dialogo Seleziona skin.

  8. Selezionate Controllo > Prova filmato per eseguire il file SWF e avviare il video.

    Nella procedura riportata di seguito viene usata la procedura guidata Importa video per aggiungere un componente FLVPlayback:

Usare la procedura guidata Importa video:

  1. Selezionate File > Importa > Importa video.

  2. Indicate la posizione del file video selezionando una delle seguenti opzioni:

    • Sul computer locale

    • Già distribuito su un server Web, Flash Video Streaming Service o Flash Media Server

  3. A seconda della selezione effettuata, immettete il percorso del file o l'URL che specifica la posizione del file video, quindi fate clic su Avanti.

  4. Se avete selezionato il percorso del file, viene visualizzata la finestra di dialogo Distribuzione in cui potete selezionare una delle opzioni elencate per specificare le modalità di distribuzione del video:

    • Scaricamento progressivo da un server Web standard

    • In streaming da Flash Video Streaming Service

    • In streaming da Flash Media Server

    • Incorpora video in SWF e riproduci nella linea temporale

      Importante: non selezionate l'opzione Incorpora Video. Il componente FLVPlayback consente di riprodurre solo video in streaming. Questa opzione non consente di posizionare il componente FLVPlayback nello stage.

  5. Fate clic su Next (Avanti).

  6. Selezionate una delle seguenti opzioni:

    • Dall'elenco a discesa Skin, selezionate uno degli skin predefiniti per associare al componente una serie di controlli di riproduzione.

    • Se è stato creato uno skin personalizzato per il componente, selezionate URL skin personalizzato dal menu a comparsa, quindi immettete l'URL del file SWF che contiene lo skin nella casella URL.

    • Per aggiungere i controlli di riproduzione, selezionate Nessuno e trascinate i singoli componenti UI FLV di riproduzione personalizzati nello stage.

      Nota: in entrambi i casi, nel riquadro di visualizzazione sopra il menu a comparsa viene visualizzata un'anteprima dello skin.

  7. Fate clic su OK per chiudere la finestra di dialogo Seleziona skin.

  8. Leggete il contenuto della finestra di dialogo Esegui importazione video per informazioni sui passaggi successivi, quindi fate clic su Fine.

  9. Se il file FLA non è ancora stato salvato, viene visualizzata la finestra di dialogo Salva con nome.

  10. Selezionate Controllo > Prova filmato per eseguire il SWF e avviare il video.

    Nella procedura seguente viene aggiunto il componente FLVPlayback mediante ActionScript.

Creare un'istanza in modo dinamico mediante ActionScript:

  1. Trascinate il componente FLVPlayback dal pannello Componenti al pannello Libreria (Finestra > Libreria).

  2. Aggiungete il codice seguente nel pannello Azioni al fotogramma 1 della linea temporale. Sostituite install_drive con l'unità in cui avete installato Flash e modificate il percorso in modo che rifletta la posizione della cartella Skins nell'installazione locale:

    Su un computer Windows: 

    import fl.video.*; 
var my_FLVPlybk = new FLVPlayback(); 
my_FLVPlybk.x = 100; 
my_FLVPlybk.y = 100; 
addChild(my_FLVPlybk); 
my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

    Su un computer Macintosh: 

    import fl.video.*; 
var my_FLVPlybk = new FLVPlayback(); 
my_FLVPlybk.x = 100; 
my_FLVPlybk.y = 100; 
addChild(my_FLVPlybk); 
my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    Nota: se non impostate le proprietà source e skin , il clip filmato generato apparirà vuoto.

  3. Selezionate Controllo > Prova filmato per eseguire il file SWF e avviare il file video.