Eingabehilfen

Inhalt

Flash Video – Lernhandbuch

Flash-Videos in Web-Seiten integrieren

Grundsätzlich gibt es zwei Methoden, um Web-Seiten Flash-Videos hinzuzufügen: mit Dreamweaver oder mit Flash.

Bevor Sie Videos integrieren können, müssen Sie sich entscheiden, ob das Video per progressivem Download oder Streaming bereitgestellt werden soll. Weitere Informationen finden Sie unter Bereitstellungsoptionen für Flash-Videos.

Mit Dreamweaver können Sie einer Web-Seite schnell ein Video hinzufügen, ohne Flash verwenden zu müssen. Erweiterte Funktionen – Interaktivität, größere Auswahl von Benutzeroberflächen, Schichtanordnung von Videos und anderen Flash-Animationen sowie das Synchronisieren des Videos mit Text und Grafik – bietet Flash.

Wenn Sie einer Seite ein Flash-Video hinzufügen, sollten Sie die Seite außerdem mit Funktionen zur Erkennung von Flash Player ausstatten. Insbesondere sollte geprüft werden können, ob der Besucher der Seite über eine Flash Player-Version verfügt, die eine Anzeige des Inhalts möglich macht. Weitere Informationen zum Erkennen von Plug-Ins finden Sie in Robert Hoekmans Artikel Tipps zur Flash Player-Erkennung.

Flash-Videos in Dreamweaver importieren

Das Hinzufügen eines Flash-Videos zu einer Web-Seite mit Dreamweaver umfasst die nachfolgend beschriebenen Schritte. Sie benötigen zunächst jedoch eine kodierte FLV-Datei (Flash Video).

So fügen Sie ein Flash-Video mit Dreamweaver einer Web-Seite hinzu:

  1. Erfassen und/oder kodieren Sie eine FLV-Datei. Weitere Details finden Sie unter Videos erfassen und kodieren.
  2. Wählen Sie „Einfügen > Medien > Flash-Video“.
  3. Wählen Sie im Dialogfeld „Flash-Video einfügen“ im Popup-Menü „Videotyp“ die Option „Progressiver Video-Download“ oder „Streaming-Video“.
  4. Füllen Sie das restliche Dialogfeld wie gewünscht aus.

Sie können eine Option auswählen, die Code einfügt, der die zum Anzeigen des Flash-Videos erforderliche Version von Flash Player erkennt und Anwender ggf. auffordert, die neueste Version von Flash Player herunterzuladen.

Übungen zum Erstellen eines Projekts mit einem Flash-Video in Dreamweaver finden Sie in diesem Artikel von Jen deHaan: Video mit der Flash Video-Komponente in Dreamweaver 8 darstellen*.

Authoring mit Flash

Mithilfe der Authoring-Umgebung von Flash können Sie eine Benutzeroberfläche für den Zugriff auf das Video in einem Browser erstellen.

Im Folgenden wird erläutert, wie Sie unter Verwendung von Komponenten Flash-Videos erstellen und bearbeiten. Sie können eine Videodatei, die bereits auf einem Webserver bereitgestellt ist, importieren. Sie können aber auch eine lokal gespeicherte Videodatei auswählen und sie auf den Server hochladen, nachdem Sie sie in die FLA-Datei importiert haben. Informationen zum manuellen Programmieren von Steuerelementen für Videos mit ActionScript finden Sie im folgenden Abschnitt in den Flash-LiveDocs: Wiedergabe externer FLV-Dateien dynamisch steuern. (Wählen Sie „Flash verwenden > Mit Videos arbeiten > Wiedergabe externer Flash-Videos durch ActionScript steuern > Wiedergabe externer FLV-Dateien dynamisch steuern.)

So importieren Sie Video für den progressiven Download:

  1. Wählen Sie „Datei > Importieren > Video importieren“, um den Video-Clip in das aktuelle Flash-Dokument zu importieren. Der Importassistent wird angezeigt.
  2. Wählen Sie den Video-Clip aus, die Sie importieren möchten. Wählen Sie entweder einen lokal gespeicherten Video-Clip, oder geben Sie den URL eines bereits auf einen Webserver hochgeladenen Videos an.
  3. Wählen Sie „Von einem Webserver progressiv herunterladen“.
  4. (Optional) Wenn das bereitgestellte Video nicht das FLV-Format aufweist, wird im Importassistenten das Bedienfeld „Kodierung“ angezeigt. Weitere Informationen zur Videokodierung mit dem Importassistenten finden Sie im folgenden Abschnitt in den Flash-LiveDocs: Video-Kodierungsprofile auswählen. (Wählen Sie „Flash verwenden > Mit Videos arbeiten > Videos kodieren > Video-Kodierungsprofile auswählen“.)
  5. Wählen Sie eine Skin für den Video-Clip aus. Sie haben die folgenden Möglichkeiten:

    • Sie verwenden keine Skin mit dem Video.
    • Sie wählen eine der vordefinierten Skins.
    • Sie wählen eine selbst entworfene Skin aus, indem Sie den URL der Skin auf dem Server eingeben. Weitere Informationen finden Sie im Developer Center-Artikel von Dan Carr Anpassung der ActionScript  3.0-basierten FLVPlayback-Komponente* oder in den Flash-LiveDocs im Abschnitt* Neue Skin erstellen. (Wählen Sie „ActionScript 3.0-Komponenten > FLVPlayback-Komponente > FLVPlayback-Komponente anpassen > Neue Skin erstellen“.)
      Der Importassistent konvertiert den Video-Clip in das FLV-Format (falls die Datei nicht bereits dieses Format hat) und erstellt auf der Bühne eine Videokomponente, mit der Sie die Wiedergabe des Videos lokal testen können.
  6. Laden Sie die folgenden Elemente auf den Webserver hoch, der das Video hostet:

    • den Video-Clip im FLV-Format (im gleichen Ordner wie der ursprüngliche Video-Clip, aber mit der Erweiterung „FLV“).

      Hinweis: Wenn der Video-Clip im FLV-Format vorliegt, verweist Flash mit einem relativen Pfad auf die FLV-Datei (relativ zur SWF-Datei), und Sie können auf dem lokalen Computer die gleiche Verzeichnisstruktur wie auf dem Server verwenden.

    • die Video-Skin (falls Sie eine verwenden möchten).
      Wenn Sie sich für eine vordefinierte Skin entscheiden, wird sie von Flash in den Ordner kopiert, in dem sich die FLA-Datei befindet.

    • die SWF-Datei, die die Videokomponente enthält.

Sie müssen das Feld „URL“ der Komponente mit dem Komponenteninspektor bearbeiten, damit hier der URL des Webservers angezeigt wird, auf den Sie das Video hochladen. Weitere Informationen finden Sie in den Flash LiveDocs im Abschnitt Parameter „contentPath“ festlegen. (Wählen Sie „Flash verwenden > Mit Videos arbeiten > Wiedergabe externer Flash-Videos durch ActionScript steuern > Parameter „contentPath“ festlegen“.)

Hinweis: Der oben beschriebene Parameter „contentPath“ ist verfügbar, wenn Sie die ActionScript 2.0-Version der FLVPlayback-Komponente verwenden. Weitere Informationen zum Herkunftsparameter in der ActionScript 3.0-Version finden Sie in den Flash-LiveDocs im Abschnitt Herkunftsparameter angeben. (Wählen Sie „ActionScript 3.0-Komponenten > FLVPlayback-Komponente > Parameter der FLVPlayback-Komponente > Herkunftsparameter angeben“.)

So importieren Sie Videomaterial für Streaming von Flash Video Streaming Service:

Sie können eine Videodatei, die bereits auf einem Flash Media Server (früher Flash Communication Server) oder FVSS bereitgestellt ist, importieren. Sie können aber auch eine lokal gespeicherte Videodatei auswählen und auf den Server hochladen, nachdem sie in die FLA-Datei importiert wurde.

  1. Wählen Sie „Datei > Importieren > Video importieren“, um den Video-Clip in das aktuelle Flash-Dokument zu importieren. Der Importassistent wird angezeigt.
  2. Wählen Sie den Video-Clip aus, die Sie importieren möchten. Wählen Sie entweder einen lokal gespeicherten Video-Clip aus, oder geben Sie den URL eines bereits auf einen Flash Media Server oder einen Flash Video Streaming Service (FVSS) hochgeladenen Videos an.
  3. Wählen Sie „Vom Flash Video Streaming Service streamen“ oder „Vom Flash Media-Server streamen“ (früher Flash Communication Server).
  4. Optional) Wenn das bereitgestellte Video nicht das FLV-Format aufweist, können Sie über das Bedienfeld „Kodierung“ ein Kodierungsprofil auswählen und den Video-Clip zuschneiden, anpassen und aufteilen.

    Hinweis: Sie brauchen diesen Schritt nur auszuführen, wenn Sie die Datei von Ihrem lokalen Computer hochladen. Video-Clips, die bereits auf einem Server bereitgestellt wurden, müssen zuvor im FLV-Format kodiert worden sein.

    Wenn das bereitgestellte Video nicht das FLV-Format aufweist, wird im Importassistenten das Bedienfeld „Kodierung“ angezeigt. Weitere Informationen zur Videokodierung mit dem Importassistenten finden Sie im folgenden Abschnitt in den Flash LiveDocs: Video-Kodierungsprofile auswählen. (Wählen Sie „Flash verwenden > Mit Videos arbeiten > Videos kodieren > Video-Kodierungsprofile auswählen“.)

  5. Wählen Sie eine Skin für den Video-Clip aus. Sie haben die folgenden Möglichkeiten:
    • Sie verwenden keine Skin mit dem Video.
    • Sie wählen eine der vordefinierten Skins.
    • Sie wählen eine selbst entworfene Skin aus, indem Sie den URL der Skin der SWF-Datei auf dem Server eingeben.

    Der Importassistent konvertiert den Video-Clip in das FLV-Format (falls die Datei nicht bereits dieses Format hat) und erstellt auf der Bühne eine Videokomponente, mit der Sie die Wiedergabe des Videos lokal testen können.

  6. Laden Sie die folgenden Elemente auf den Flash Media Server oder FVSS hoch, der das Video hostet::
    • den Video-Clip im FLV-Format (im gleichen Ordner wie der ursprüngliche Video-Clip, aber mit der Erweiterung „FLV“).

      Hinweis: Wenn das Video, mit dem Sie arbeiten, zuvor auf einem Flash Media Server (oder Flash Communication Server) oder FVSS, der das Video hostet, bereitgestellt wurde, können Sie diesen Schritt überspringen.

    • die Video-Skin (falls Sie eine verwenden möchten).
      Wenn Sie sich für eine vordefinierte Skin entscheiden, wird sie von Flash in den Ordner kopiert, in dem sich die FLA-Datei befindet.
    • die SWF-Datei, die die Videokomponente enthält.
      Sie müssen das Feld „URL“ der FLVPlayback-Komponente bearbeiten, damit hier der URL des Webservers angezeigt wird, auf den Sie das Video hochladen.