Erstellen einer Anwendung mit der FLVPlayback-Komponente

Sie haben die folgenden Möglichkeiten, um eine FLVPlayback-Komponente in Ihre Anwendung einzuschließen:

  • Ziehen Sie die FLVPlayback-Komponente aus dem Bedienfeld „Komponenten“ auf die Bühne und geben Sie einen Wert für den Parameter source an.

  • Erstellen Sie mit dem Videoimportassistenten eine Komponente auf der Bühne und wählen Sie eine Skin aus, um sie individuell anzupassen.

  • Verwenden Sie den Konstruktor FLVPlayback() , um eine FLVPlayback-Instanz dynamisch auf der Bühne zu erstellen (dazu muss sich die Komponente in der Bibliothek befinden).

    Hinweis: Wenn Sie eine FLVPlayback-Instanz mithilfe von ActionScript erstellen, müssen Sie ihr auch eine Skin zuweisen, indem Sie die Eigenschaft skin mit ActionScript festlegen. Wenn Sie eine Skin auf diese Weise anwenden, wird sie nicht automatisch mit der SWF-Datei veröffentlicht. Sie müssen sowohl die SWF-Datei der Anwendung als auch die SWF-Datei der Skin auf den Anwendungsserver kopieren, andernfalls ist die Skin-SWF-Datei beim Ausführen der Anwendung nicht verfügbar.

Ziehen der FLVPlayback-Komponente aus dem Bedienfeld „Komponenten“

  1. Klicken Sie im Bedienfeld „Komponenten“ auf das Pluszeichen (+), um den Videoeintrag zu öffnen.

  2. Ziehen Sie die FLVPlayback-Komponente auf die Bühne.

  3. Während die FLVPlayback-Komponente auf der Bühne ausgewählt ist, suchen Sie auf der Registerkarte „Parameter“ des Komponenten-Inspektors die Zelle „Wert“ für den Parameter source und geben Sie einen String ein, der Folgendes angibt:

    • Lokaler Pfad einer Videodatei

    • URL einer Videodatei

    • URL einer SMIL-Datei, in der das Abspielen einer Videodatei beschrieben wird (SMIL = Synchronized Multimedia Integration Language)

      Informationen zum Erstellen einer SMIL-Datei, die eine oder mehrere FLV-Dateien beschreibt, finden Sie unter Verwenden einer SMIL-Datei .

  4. Während die FLVPlayback-Komponente auf der Bühne ausgewählt ist, klicken Sie auf der Registerkarte „Parameter“ des Komponenten-Inspektors auf die Zelle „Wert“ für den Parameter skin .

  5. Klicken Sie auf das Lupensymbol, um das Dialogfeld „Skin auswählen“ zu öffnen.

  6. Wählen Sie eine der folgenden Optionen:

    • Wählen Sie in der Dropdownliste „Skin“ eine der vordefinierten Skins aus, um eine Gruppe von Abspielsteuerungen an die Komponente anzuhängen.

    • Wenn Sie eine benutzerdefinierte Skin erstellt haben, wählen Sie in der Dropdownliste den Eintrag „Benutzerdefinierte Skin-URL“ und geben Sie in das Feld „URL“ die URL für die SWF-Datei mit der Skin ein.

    • Wählen Sie „Aus“ und ziehen Sie individuelle FLV Playback Custom UI-Komponenten auf die Bühne, um Abspielsteuerungen hinzuzufügen.

      Hinweis: In den ersten beiden Fällen wird eine Vorschau der Skin im Anzeigebereich über der Dropdownliste angezeigt. Mit der Farbauswahl können Sie die Farbe der Skin ändern.

      Um die Farbe einer benutzerdefinierten UI-Steuerung zu ändern, müssen Sie die Komponente individuell anpassen. Weitere Informationen zur Verwendung von benutzerdefinierten UI-Steuerungen finden Sie unter Separates Zuweisen von Skins für FLV Playback Custom UI-Komponenten .

  7. Klicken Sie auf „OK“, um das Dialogfeld „Skin auswählen“ zu schließen.

  8. Wählen Sie „Steuerung“ > „Film testen“, um die SWF-Datei auszuführen und das Video zu starten.

    Im folgenden Verfahren wird der Videoimportassistent verwendet, um eine FLVPlayback-Komponente hinzuzufügen.

Verwenden des Videoimportassistenten:

  1. Wählen Sie „Datei“ > „Importieren“ > „Video importieren“.

  2. Geben Sie den Speicherort der Videodatei an, indem Sie eine der folgenden Optionen auswählen:

    • Auf Ihrem Computer

    • Bereits auf einem Webserver, FVSS-Server oder Flash Media Server bereitgestellt

  3. Geben Sie je nach Auswahl den Dateipfad oder die URL für den Speicherort der Videodatei ein und klicken Sie dann auf „Weiter“.

  4. Wenn Sie einen Dateipfad angegeben haben, wird als Nächstes das Dialogfeld „Bereitstellung“ angezeigt, in dem Sie eine der aufgeführten Optionen wählen können, um anzugeben, wie das Video bereitgestellt werden soll:

    • Von einem standardmäßigen Webserver progressiv herunterladen

    • Vom Flash Video Streaming Service (FVSS) streamen

    • Von Flash Media Server streamen

    • Video in eine SWF-Datei einbetten und in der Zeitleiste abspielen

      Wichtig: Wählen Sie nicht die Option zum Einbetten des Videos. Die FLVPlayback-Komponente spielt nur externes Streaming-Video ab. Mit dieser Option wird keine FLVPlayback-Komponente auf der Bühne platziert.

  5. Klicken Sie auf „Weiter“.

  6. Wählen Sie eine der folgenden Optionen:

    • Wählen Sie in der Dropdownliste „Skin“ eine der vordefinierten Skins aus, um eine Gruppe von Abspielsteuerungen an die Komponente anzuhängen.

    • Wenn Sie eine benutzerdefinierte Skin für die Komponente erstellt haben, wählen Sie in der Dropdownliste den Eintrag „Benutzerdefinierte Skin-URL“ und geben Sie in das Feld „URL“ die URL für die SWF-Datei mit der Skin ein.

    • Wählen Sie „Aus“ und ziehen Sie individuelle FLV Playback Custom UI-Komponenten auf die Bühne, um Abspielsteuerungen hinzuzufügen.

      Hinweis: In den ersten beiden Fällen wird eine Vorschau der Skin im Anzeigebereich über der Dropdownliste angezeigt.

  7. Klicken Sie auf „OK“, um das Dialogfeld „Skin auswählen“ zu schließen.

  8. Lesen Sie im Dialogfeld „Videoimport fertig stellen“, was als Nächstes passiert, und klicken Sie auf „Fertig stellen“.

  9. Wenn Sie Ihre FLA-Datei noch nicht gespeichert haben, wird das Dialogfeld „Speichern unter“ angezeigt.

  10. Wählen Sie „Steuerung“ > „Film testen“, um die SWF-Datei auszuführen und das Video zu starten.

    Im folgenden Verfahren wird die FLVPlayback-Komponente mithilfe von ActionScript hinzugefügt.

Dynamisches Erstellen einer Instanz mithilfe von ActionScript:

  1. Ziehen Sie die FLVPlayback-Komponente aus dem Bedienfeld „Komponenten“ in das Bedienfeld „Bibliothek“ („Fenster“ > „Bibliothek“).

  2. Fügen Sie dem Bedienfeld „Aktionen“ von Bild 1 in der Zeitleiste den folgenden Code hinzu: Geben Sie dabei für install_drive das Laufwerk ein, auf dem Flash installiert wurde, und ändern Sie den Pfad, um den Speicherort des Skins-Ordners in Ihrer Installation anzugeben:

    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";

    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";
    Hinweis: Wenn Sie die Eigenschaften source und skin nicht festlegen, scheint der erstellte Movieclip leer zu sein.

  3. Wählen Sie „Steuerung“ > „Film testen“, um die SWF-Datei auszuführen und die Videodatei zu starten.