Flash Video-Vorlage: Präsentation mit Moderator und synchronisierten Grafiken

Voraussetzungen

Für die Arbeit mit diesem Lernprogramm müssen Sie die folgende Anwendung installieren:

Macromedia Flash MX Professional 2004

• Testen
• Kaufen

7.2-Aktualisierungsprogramm für Flash MX 2004 und Flash MX Professional 2004

• Update für Windows herunterladen (EXE-Datei: 66,66 MB)
• Update für Macintosh herunterladen (DMG-Datei: 73,46 MB)

Macromedia Flash Communication Server MX

Mit Flash Communication Server können Sie statt progressiver Videodownloads Streaming-Video-Downloads verwenden (für dieses Tutorial nicht erforderlich). Weitere Informationen finden Sie im Abschnitt „Arbeiten mit Streaming-Video“ in diesem Artikel.

Beispieldatei (Vorlage)

• Präsentationsdatei mit Text/Video-Synchronisation herunterladen (ZIP, 3,55 MB)

Die Flash-Datei mit der synchronisierten Text/Video-Präsentation ist ein hervorragendes Beispiel dafür, wie eine Unternehmenpräsentation im Web interessant aufbereitet werden kann. Verglichen mit herkömmlichen statischen Folienpräsentationen besticht diese einfache Präsentation mit einer Kombination aus Audio-, Video- und Animationselementen. Die Vorlage enthält ein Video, Folien mit darauf abgestimmten Texten und Grafiken und Navigierungsschaltflächen am unteren Rand. Während der Wiedergabe des Videos werden die Folien zu den voreingestellten Zeitpunkten gewechselt, und die Navigierungsschaltflächen weisen auf das jeweilige Thema hin. Wenn der Benutzer auf eine der Schaltflächen klickt, werden automatisch die Folien und der Videoabschnitt des ausgewählten Themas angezeigt.

Vorschau der Präsentationsvorlage mit Text/Video-Synchronisation

Es folgen einige Vorschläge, wie Sie diese Präsentation für Ihre Anforderungen optimieren können:

• Fügen Sie ein eigenes Video hinzu, ändern Sie die Größe nach Bedarf, und positionieren Sie das Video auf der Seite an der gewünschten Stelle.
• Fügen Sie der Präsentation unternehmenstypische Grafiken und Farben hinzu, und ändern Sie den Hintergrund entsprechend.
• Fügen Sie der Navigationsleiste am unteren Rand Schaltflächen, Texte usw. hinzu.
• Verschieben Sie die Navigationsleiste nach oben oder zur Seite.
• Fügen Sie eigene Texte und Grafiken hinzu, die in Abstimmung auf das Video angezeigt werden.

Dieser Artikel bietet einen Überblick über die Vorlagenstruktur und erläutert, wie die Datei in eine ihren Bedürfnissen angepasste Präsentation umgewandelt werden kann.

Dieser Abschnitt ist als Einstieg gedacht und enthält einen Überblick über die Verwendung der Vorlage. Wenn Sie bereits mit dem Vorlagenlayout und den allgemeinen Konzepten vertraut sind, können Sie mit den darauf folgenden Abschnitten fortfahren. Dieser Abschnitt richtet sich vor allem an Benutzer, denen der Umgang mit den Vorlagen oder die Dateistruktur unbekannt sind.

Für das Verständnis des Artikels ist es wichtig, dass Sie folgende Begriffe und deren Bedeutung kennen:

• FLV: Dieses Aktronym bezieht sich auf das Flash-Videoformat, das von Flash MX 2004 Professional und Flash Communication Server verwendet wird.
• Media-Komponenten: Dabei handelt es sich um Flash MX 2004 Professional-Komponenten für die FLV-Video- oder MP3-Audiowiedergabe.
• Verhalten: Verhalten ist eine Flash MX 2004-Funktion, die Objekten funktionale Bedienelemente hinzufügt und eine einfache Schnittstelle zum Bearbeiten von Benutzereinstellungen bietet. Der Großteil der Funktionen in der synchronisierten Videovorlage wurde mithilfe von Verhalten eingerichtet.

Vorbereitung

Eines der grundlegenden Konzepte, das sich in der gesamten Vorlage wiederholt, ist die Unterteilung des Videos in Abschnitte. Dabei geht es vor allem darum, innerhalb eines Videos Marken zu setzen. Diese Marken werden in der Struktur der Flash-Vorlage folgendermaßen wiedergespiegelt:

• Die Navigationsschaltflächen entsprechen den Marken im Video.
• Die Text- und Animationsabschnitte stimmen mit den Marken im Video überein.
• Die Media-Komponenteneinstellungen definieren die Marken und steuern die Navigation durch den Inhalt.

Am besten Sie erstellen eine grobe Übersicht über die Abschnitte, die Sie im Film zeigen möchten. Ziel der Planungsphase ist es, die Einteilung des Videos festzulegen. Zu welchen Stellen würde Ihr Publikum wechseln wollen? Dann müssen Sie sich überlegen, welche Texte, Bilder und Animationen jeder Abschnitt enthalten soll, d. h., welche Inhalte das Video optimieren und visuelles Interesse wecken würden.

Informationen zur gelieferten FLA-Datei

Die Datei SynchronizedVideoPres.fla enthält ein voll funktionsfähiges Beispiel der Vorlage. Der Inhalt der FLA-Datei entspricht der Vorschau auf der Einführungsseite dieses Artikels. Nehmen Sie sich einen Moment Zeit, die FLA-Datei näher anzusehen.

Laden Sie die Datei SynchronizedVideoPres.fla von der Einführungsseite herunter, und öffnen Sie sie dann in Flash MX 2004 Professional.

Beachten Sie das Bildschirmübersichtsfenster auf der linken Seite der Bühne. Bildschirme sind ein neues Feature von Flash MX 2004 Professional und ermöglichen eine einfache Strukturierung hierarchischer Inhalte. Außerdem dienen sie als Container für die Media-Komponente und die Media-Verhalten, damit das Video mit dem Inhalt synchronisiert werden kann.

Die synchronisierte Videovorlage besteht aus drei Bildschirmabschnitten (siehe Abbildung 1):

• background: Ein Hintergrundbildschirm, der alle Hintergrundfarben, -grafiken und -texte enthält, die Sie in der Präsentation anzeigen möchten.
• controls: Ein Steuerungsbildschirm, der die Video- und Navigationsschaltflächen enthält, die in der Präsentation angezeigt werden.
• welcome, studiomx, products usw.: 12 Bildschirme unterhalb des Steuerungsbildschirms, die Texte und Grafiken enthalten, die Sie während der Videowiedergabe anzeigen möchten.

Der Inhalt des Hintergrundbildschirms und des Bildschirms mit den Steuerelementen werden während der gesamten Filmwiedergabe angezeigt. Im Hintergrundbildschirm können Sie die Grafiken für die Benutzeroberfläche anpassen. Im Steuerungsbildschirm können Sie die Schaltflächen anpassen und die Media-Komponentenparameter aktualisieren. Die Media-Komponente wird zum Laden und Anzeigen der FLV-Datei verwendet. Sie ist der zentrale Steuerungspunkt der Präsentation.

Die 12 Unterbildschirme des Steuerungsbildschirms werden während der Videowiedergabe nacheinander angezeigt. Sie können eigene Unterbildschirme hinzufügen und markierten Abschnitten im Video zuordnen. Dazu können Sie die Bildschirmnamen auf dem Steuerungsbildschirm in die Markenparameter der Media-Komponente eingeben.

Während der Videowiedergabe wird die Anzeige der einzelnen Unterbildschirme ausgelöst. Dazu enthält das Video an bestimmten Zeitpunkten Marken. Die einzelnen Marken bestimmen, welche Bildschirme angezeigt werden. Auf diese Weise werden die 12 Bildschirme während der Videowiedergabe nacheinander angezeigt.

Sie können die Präsentation bearbeiten, indem Sie zu dem Bildschirm mit dem zu aktualisierenden Inhalt wechseln, und dort die erforderlichen Änderungen vornehmen. Dieser Vorgang ähnelt zwar der Bearbeitung von Folien in einer Microsoft PowerPoint-Präsentation, Ihnen stehen jedoch wesentlich mehr Animationsfunktionen zur Verfügung.

Erste Schritte bei der Verwendung der Vorlage

Wenn Sie noch nicht mit der Verwendung von Vorlagen vertraut sind, oder einfach einen Anhaltspunkt für den Einstieg benötigen, beginnen Sie mit folgenden Schritten:

1. Erstellen Sie einen Ordner auf der Festplatte, in dem Sie die Kopie der FLA-Präsentationsdatei und das Video speichern.
2. Kopieren Sie die gelieferte Datei SynchronizedVideoPres.fla, und geben Sie ihr einen anderen Namen. Speichern Sie die neue Datei in dem gerade von Ihnen erstellten Ordner. Sie sollten die Originaldatei möglichst nicht überschreiben, damit Sie dieses funktionsfähige Beispiel jederzeit als Referenz nutzen können.
3. Erstellen Sie das Video, wandeln Sie es in das FLV-Format um weitere Informationen finden Sie in der Einführung zu Flash Video unter „Videos erfassen und codieren“ , und speichern Sie die FLV-Datei in einem Pfad relativ zur FLA-Datei in der Regel im selben Ordner oder im selben Verzeichnis wie die FLA-Datei . Merken Sie sich den Dateinamen und den Pfad relativ zur FLA-Datei. Sie geben diese Informationen später in die Parameter der Media-Komponente ein, um die Datei zu laden.
4. Öffnen Sie die FLA-Datei in Flash, und beginnen Sie mit der Bearbeitung. Da die gelieferte Datei bereits ein funktionsfähiges Beispiel enthält, passen Sie die Präsentation an, indem Sie Inhalte hinzufügen oder entfernen. In den folgenden Abschnitten erhalten Sie ausführliche Informationen zur weiteren Bearbeitung.

Wenn Sie die Datei SynchronizedVideoPres.fla öffnen, wird das Video auf dem Steuerungsbildschirm angezeigt. Am unteren Rand befinden sich die Video- und Navigationsschaltflächen. Der Bildschirm enthält alle Elemente, die während der Präsentation angezeigt werden. Dieser Bildschirm wird wie der Hintergrundbildschirm die ganze Zeit angezeigt, ist aber speziell für die Video- und Navigationselemente der Präsentation vorgesehen.

Für die Bearbeitung des Videos in diesem Bildschirm gibt es verschiedene Möglichkeiten:

• Ändern Sie das Video.
• Ändern Sie die Größe des Videos.
• Ändern Sie die Position des Videos.
• Fügen Sie Steuerelemente für die Videowiedergabe hinzu.

In der Abbildung 2 sind die Bereiche der Flash-Oberfläche zu sehen, in denen Sie die Videopräsentation anpassen können.

Ändern des Videos

So ersetzen Sie das mitgelieferte Videobeispiel durch Ihr eigenes Video:

1. Klicken Sie auf den Steuerungsbildschirm auf der linken Seite des Arbeitsbereichs.
2. Klicken Sie auf die Videoanzeige auf der linken Seite des Steuerungsbildschirms. Bei korrekter Vorgehensweise sollte ein blauer Rahmen um das Video angezeigt werden.
3. Öffnen Sie das Fenster Komponenten-Inspektor. Wenn es nicht bereits geöffnet ist, wählen Sie Fenster > Entwicklungs-Bedienfelder > Komponenten-Inspektor. Wenn Sie den Komponenten-Inspektor öffnen, müssen Sie die Videoanzeige eventuell erneut auf der Bühne auswählen.
4. Geben Sie im Fenster Komponenten-Inspektor im Feld URL den Pfad zur Flash Video-Datei FLV ein siehe Abbildung 3 . Dieser Pfad ist relativ zur FLV-Datei auf dem Server. Wenn Sie Flash Communication Server für Streaming-Video-Downloads verwenden, müssen Sie einen absoluten Pfad für den Server eingeben:
   • Geben Sie die Länge des Videos mithilfe der entsprechenden Felder ein.*
   • Wählen Sie die passende FPS-Option Bilder pro Sekunde für das Video aus.**
   • Behalten Sie die Standardeinstellungen der Kontrollkästchen bei. Sie können später, wenn Sie die Grundlagen beherrschen, verschiedene Einstellungen für diese Optionen ausprobieren.

* Wenn die FLV-Videodatei mithilfe von Flash Video Exporter Version 1.1 oder höher codiert wurde oder das Video mithilfe von Flash Communication Server zur Verfügung gestellt werden soll, muss keine Gesamtlänge für das Video eingegeben werden dieser Wert wird automatisch beim Laden der Datei ermittelt . Wenn die FLV-Dateien auf andere Weise erstellt werden, müssen Sie jedoch möglicherweise die Gesamtlänge im Format hh:mm:ss:ff Stunden, Minuten, Sekunden, Bilder eingeben, damit der richtige Status auf der Wiedergabeleiste angezeigt wird. Sie können auch das kostenlose Dienstprogramm FLV MetaData Injector www.buraks.com/flvmdi verwenden, um der FLV-Datei die notwendigen Metadaten hinzuzufügen. Dieses Dienstprogramm fügt nicht nur die erforderlichen Metadaten hinzu, um die Länge der FLV-Datei zu ermitteln, sondern bietet auch eine ganze Reihe zusätzlicher Informationen.

** Im FPS-Popup muss nur die richtige Bildrate des Videoclips eingestellt werden, wenn Sie das FF-Feld für eine Genauigkeit von Sekundenbruchteilen verwenden möchten. In diesem Fall gibt dieses Feld den korrekten Bruchteil einer Sekunde an der Wert „5“ kann z. B. auf 5/30 oder 5/24 einer Sekunde hinweisen .

Hinweis: Sie müssen die Flash-Datei in einem Verzeichnis speichern, bevor Sie die Datei testen können. Die Videodatei muss im richtigen Verzeichnis relativ zum Verzeichnis der Flash-Datei enthalten sein. In Abbildung 3 finden Sie ein Beispiel für einen relativen Pfad einer FLV-Datei, die zusammen mit dem Flash-Film gespeichert wurde.

Beachten Sie die Bezeichnungen und Zeitpunkte der Marken in den Parametern der Media-Anzeigekomponente. Sie verwenden diese Einträge, um das Video mit dem richtigen Bildschirminhalt zu synchronisieren und die Schaltflächenmarkierung auf die richtige Schaltfläche abzustimmen. Weitere Informationen zum Eingeben und Entfernen von Marken finden Sie im Abschnitt „Hinzufügen und Löschen von Bildschirmen“.

Ändern der Größe und der Position des Videos

Wenn die Größe des Videos von den Einstellungen der Vorlage abweicht oder die Anzeige des Videos vergrößert werden soll, können Sie die entsprechenden Einstellungen problemlos ändern. Positionieren Sie das Video an der gewünschten Stelle in der Präsentation. Standardmäßig wird das Video auf der Bühne mittig links angezeigt. Wenn Sie die Position des Videos ändern, kann es vorkommen, dass andere Bildschirme, die im späteren Verlauf der Präsentation angezeigt werden, mit dem Video überlappen. Sie müssen deshalb den Inhalt der einzelnen untergeordneten Bildschirme entsprechend anpassen:

1. Klicken Sie auf das Video im Steuerungsbildschirm.

   Die Videoanzeige passt die Größe des ausgewählten Videos automatisch an. Damit Flash das Video in einer anderen Größe wiedergibt, deaktivieren Sie im Komponenten-Inspektor (siehe Abbildung 3) das Kontrollkästchen Use Preferred Media Size (Bevorzugte Mediengröße verwenden).

2. Passen Sie im Eigenschafteninspektor im unteren Bildschirmbereich die Höhen- und Breitenwerte an die Höhe und Breite des Videos (in Pixel) an. Sie können auch mit der rechten Maustaste auf die Medienanzeige klicken und im Popup-Menü die Option Frei transformieren wählen (Mac: Control-Klick > Frei transformieren), um am Video Griffe zum Ändern der Größe anzuzeigen.
3. Um das Video im Steuerungsbildschirm an einer anderen Stelle anzuzeigen, ziehen Sie das Video einfach an die gewünschte Position.

Hinzufügen von Steuerelementen für die Wiedergabe

Das Hinzufügen von Steuerelementen für die Wiedergabe ist recht einfach. Sie müssen lediglich eine andere Media-Komponente aus dem Komponentenfenster hinzufügen. MediaDisplay ist die Standardkomponente in der Vorlage. Diese Komponente verfügt über keine sichtbaren Steuerelemente. Wenn Sie der Bühne eine MediaController-Komponente hinzufügen, können Sie diese Komponente mit der Anzeigekomponente verknüpfen. Führen Sie folgende Schritte aus:

1. Öffnen Sie die FLA-Präsentationsdatei in Flash MX 2004 Professional.
2. Wählen Sie den Steuerungsbildschirm.
3. Wählen Sie die Media-Komponente aus, und verringern Sie deren Höhe, sodass Sie darunter den Controller platzieren können. Sie können auch das Layout so ändern, dass der Controller an eine andere Stelle des Bildschirms passt.
4. Wählen Sie die mediaDisplay-Ebene, öffnen Sie das Komponentenfenster, und ziehen Sie die MediaController-Komponente auf die Bühne.
5. Geben Sie der Instanz im Eigenschafteninspektor den Namen controller, und legen Sie im Komponenten-Inspektor die Parameter für den Controller fest. Beachten Sie, dass Sie die Controller-Schaltflächen deaktivieren können, wenn Sie nur die Fortschrittsleiste anzeigen möchten.
6. Wählen Sie die Media-Anzeigekomponente aus, und öffnen Sie das Fenster Aktionen (wählen Sie Fenster > Entwicklungs-Bedienfelder > Aktionen). Fügen Sie zwischen die geschweiften Klammern des Load-Ereignishandlers folgende Codezeile ein:

Danach sollte die Funktion folgendermaßen aussehen:

7. Wählen Sie über Menü > Steuerung die Option Film testen (oder drücken Sie Strg + Eingabe), um die Ergebnisse anzuzeigen.

Die Schaltflächen am unteren Rand können beliebig angepasst werden (siehe Abbildung 5). Sie können den Schaltflächen Grafiken, Texte und sogar Animationen hinzufügen.

Die Schaltflächen am unteren Rand des Bildschirms werden in einem so genannten Movieclip gruppiert. Flash-Movieclips sind Inhaltsgruppen mit eigener Zeitleiste, sodass sie einzeln animiert und bearbeitet werden können. Im vorliegenden Fall werden die Schaltflächen anhand des Movieclips zu einer Navigationsleiste mit eigenem Bearbeitungsbereich zusammengefasst.

Zur Aktualisierung der Navigationsleiste stehen Ihnen verschiedene Möglichkeiten zur Verfügung:

• Ändern Sie die Position und den grafischen Inhalt der Schaltflächen.
• Ändern Sie die Farbe für die Abschnittshervorhebung.
• Entfernen Sie Navigationsschaltflächen.
• Fügen Sie Navigationsschaltflächen hinzu.

Aktualisieren der gelieferten Schaltflächen

So verschieben Sie die Gruppe der Navigationsschaltflächen an eine andere Position auf dem Bildschirm:

1. Klicken Sie auf den Steuerungsbildschirm.
2. Ziehen Sie den Movieclip mit den Navigationsschaltflächen an die gewünschte Stelle auf dem Bildschirm.

So aktualisieren Sie die Grafik oder ersetzen die Grafik durch Text:

1. Klicken Sie auf den Steuerungsbildschirm.
2. Doppelklicken Sie auf den Navigationsleisten-Movieclip am unteren Rand des Bildschirms. Daraufhin wird der Movieclip zur Bearbeitung geöffnet.

   Beachten Sie, dass die Schaltflächen auf der Schaltflächenebene als eine Reihe von Rechtecken über den Grafiken der Piktogrammebene angezeigt werden. Sperren Sie die Schaltflächenebene, bevor Sie die Schaltflächengrafiken in der unteren Ebene bearbeiten.

3. Wählen Sie die Piktogrammebene. Importieren Sie die Grafiken, die auf der Schaltfläche angezeigt werden sollen. Wählen Sie Datei > Importieren > In Bühne importieren und dann die gewünschte Grafikdatei.

Wenn Sie die Größe importierter Grafiken ändern möchten, klicken Sie mit der rechten Maustaste (Mac: Control-Klick) auf die Grafik, und wählen Sie aus dem Popup-Menü die Option Frei transformieren. Verwenden Sie die Griffe, um die Größe des Bildes zu ändern. Beachten Sie, dass es effizienter ist, die Bilder bereits in der Größe zu importieren, in der sie im Film gezeigt werden sollen.

Um den Text am unteren Rand ändern oder entfernen zu können, doppelklicken Sie darauf. Ändern Sie die Textattribute, indem Sie die Eigenschaften im Eigenschafteninspektor am unteren Rand des Arbeitsbereichs ändern.

Ändern der Farbe für die Abschnittshervorhebung

Sie können die Hervorhebung der Navigationsschaltflächen ändern (siehe Abbildung 6). Dies ist jedoch nur erforderlich, wenn Sie die Farbe ändern, Text hinzufügen oder eine Grafik, z. B. einen interessanten Rahmen, als Hervorhebung verwenden möchten. In den meisten Fällen wird die Hervorhebung nicht geändert.

Für alle Grafiken wird derselbe grüne Hervorhebungsrahmen verwendet. Sie müsssen also den Rahmen nur einmal ändern. Beachten Sie, dass die Größe der Hervorhebung mit der Größe der Schaltfläche übereinstimmt. Durch den Code im Steuerungsbildschirm Timeline (Zeitleiste) wird die Hervorhebung während der Filmwiedergabe automatisch an der oberen linken Ecke der Schaltflächen ausgerichtet. Achten Sie darauf, wenn Sie benutzerdefinierte Hervorhebungsgrafiken erstellen, damit Sie die richtige Ausrichtung erzielen.

Da alle im Projekt verwendeten Grafiken in einer Bibliothek gespeichert werden, können Sie diese Grafik direkt über die Bibliothek öffnen und ändern:

1. Öffnen Sie das Fenster Bibliothek, indem Sie F11 drücken oder Fenster > Bibliothek wählen.
2. Öffnen Sie den Ordner Misc (siehe Abbildung 7).

3. Doppelklicken Sie auf die kleine Grafik neben dem Element Thumb Outline Selected.

   In der Mitte wird der grüne Hervorhebungsrahmen angezeigt. Hier können Sie die Grafik bearbeiten.

4. Um den grünen Hervorhebungsrahmen zu ändern, doppelklicken Sie darauf. Um die Linienfarbe zu ändern, wählen Sie in der Werkzeugpalette eine andere Farbe aus:

In diesem Bereich können Sie alle gewünschten Elemente hinzufügen, einschließlich Grafiken und Texte. Alle hinzugefügten Elemente werden bei der Wiedergabe des Videos an diesem Punkt angezeigt. Beachten Sie, dass die grüne Hervorhebung eigentlich aus zwei verschiedenen Grünschattierungen besteht, die zusammen einen Neoneffekt erzeugen. Sie können beide Farben einzeln ändern.

5. Um die Änderungen zu übernehmen, klicken Sie erneut auf den Steuerungsbildschirm.

Hinweis: Eine Änderung des Hervorhebungs-Movieclips wirkt sich nicht auf den Einblendstatus der Schaltfläche aus. Nur die Grafik um die gerade ausgewählte Schaltfläche wird geändert.

Entfernen von Navigationsschaltflächen

Um die gesamte Navigationsleiste zu entfernen, wählen Sie den Steuerungsbildschirm, klicken auf die Navigationsleiste und drücken die ENTF-Taste.

Wenn Sie eine einzelne Schaltfläche entfernen möchten, gehen Sie folgendermaßen vor:

1. Klicken Sie auf den Steuerungsbildschirm.
2. Doppelklicken Sie auf die Navigationleiste am unteren Rand des Bildschirms. Daraufhin wird die Navigationsleiste zur Bearbeitung geöffnet.
3. Markieren Sie die Schaltfläche, die Sie löschen möchten, und drücken Sie die ENTF-Taste. Sie müssen auch den Inhalt der Schaltflächen- und Piktogrammebenen löschen. Um sicherzustellen, dass alle Elemente gelöscht werden, ziehen Sie die Maus über den Bildschirmbereich, sodass Sie einen Rahmen um den gesamten Bühneninhalt ziehen. Löschen Sie alle eventuell angezeigten blauen Hervorhebungsrahmen.

Hinzufügen von Navigationsschaltflächen

Um eine Schaltfläche hinzuzufügen, können Sie entweder die anderen Schaltfächen verkleinern, um Platz zu schaffen, oder die Schaltfläche an eine andere Stelle auf dem Bildschirm setzen. Schaltflächen müssen nicht in einer einzelnen Zeile angeordnet sein. Führen Sie folgende Schritte aus:

1. Klicken Sie auf den Steuerungsbildschirm.
2. Doppelklicken Sie auf den Bereich mit den Navigationschaltflächen am unteren Rand des Bildschirms. Daraufhin wird der Bereich zur Bearbeitung geöffnet.
3. Am einfachsten geht es, wenn Sie eine Schaltfläche kopieren und dann diese Kopie bearbeiten. Markieren Sie die zu kopierende Schaltfläche auf der Schaltflächenebene, indem Sie darauf klicken. Kopieren Sie sie dann, und fügen Sie sie ein (die Schaltfläche wird in der Mitte des Bildschirms angezeigt).
4. Positionieren Sie die Schaltfläche wie gewünscht.
5. Wählen Sie die Piktogrammebene, und wählen Sie Datei > In Bühne importieren, um die Grafik hinzuzufügen.
6. Klicken Sie auf die gerade hinzugefügte Schaltfläche. Achten Sie darauf, dass Sie auf die Schaltfläche und nicht nur auf die Grafik klicken. Wenn Sie auf die Schaltfläche klicken, wird diese mit einem blauen Rahmen versehen (siehe Abbildung 8).

   Geben Sie der Schaltfläche im Eigenschafteninspektor einen Namen. Dadurch wird beim Wechsel zur nächsten Marke die entsprechende Schaltflächenhervorhebung ausgelöst. Laut Controllercode sollte der Name dasselbe Format wie die Marke aufweisen, wobei zusätzlich die Zeichen _btn angehängt werden. Wenn die Marke z. B. die Bezeichnung studiomx trägt, sollte die dazugehörige Schaltfläche studiomx_btn genannt werden (siehe Abbildung 8). Wie Sie sich erinnern, werden die Namen der Marken in den Media-Komponentenparametern definiert und entsprechen den dazugehörigen Bildschirmnamen.

7. Stellen Sie sicher, dass die Schaltfläche noch ausgewählt ist. Öffnen Sie das Fenster Aktionen (wählen Sie Fenster > Entwicklungs-Bedienfelder > Aktionen), und suchen Sie folgende Codezeile:

8. Ersetzen Sie die Zahl in den Klammern durch die Position in der Videodatei, an der die Wiedergabe gestartet werden soll, wenn der Benutzer auf die Schaltfläche klickt. Diese Zahl entspricht der Anzahl der Sekunden ab dem Start des Videos. Im obigen Beispiel wird beim Klicken auf diese Schaltfläche das Video an die 74. Sekunde vorgespult und ab dieser Stelle wiedergegeben. Sie können nur ganze Sekunden angeben, Dezimalstellen werden auf- oder abgerundet.
9. Klicken Sie erneut auf den Steuerungsbildschirm, um die Bearbeitung der Navigationsleiste zu beenden.

Hinweis: Der von der Schaltfläche aufgerufene Video-Zeitcode und die dazugehörige Markenzeit in der Media-Komponente müssen synchronisiert werden. So können Sie sicherstellen, dass der Inhalt richtig auf dem Bildschirm wiedergegeben wird, wenn ein Benutzer auf eine Schaltfläche klickt. Die Suche nach einem Zeitcode kann je nach verwendeter Videocodierung zu unterschiedlichen Ergebnissen führen. Wenn Sie auf eine Schaltfläche klicken und die Inhalte nicht richtig angezeigt werden, sollten Sie versuchen, den Zeitcode der Schaltfläche oder die Markenzeit in den Parametern der Media-Komponente anzupassen.

Das Anpassen der Benutzeroberfläche und der Inhalte kann genauso einfach oder komplex sein wie ihre Präsentation.

Für die Einrichtung der Inhalte auf dem Bildschirm gibt es verschiedene Möglichkeiten:

• Ändern der Hintergrundgrafiken und der Benutzeroberfläche
• Anpassen von Text, Grafiken und Animationen während der Videowiedergabe
• Hinzufügen und Entfernen von Bildschirmen auf die Marken im Video
• Animation von Bildschirmen mithilfe von Übergängen

Anpassen der Hintergrundgrafiken und -farben

Sie können Logos, Hintergrundbilder oder -farben, Rahmen und vieles mehr hinzufügen, das während der gesamten Präsentation angezeigt werden soll. Neben dem eigenen Video ist dies vermutlich der schnellste und einfachste Weg, um der Präsentation einen persönlichen Anstrich zu geben.

Bedenken Sie, dass große Bitmap-Bilder die Größe Ihrer Präsentation erheblich steigern, sodass für einen Download mehr Zeit benötigt wird. Erstellen Sie daher eher Vektorgrafiken mithilfe der Zeichenwerkzeuge in Flash oder einer Anwendung wie Macromedia Fireworks, weil dadurch die Hintergrundbilder weniger Platz erfordern.

Gehen Sie folgendermaßen vor, um eigene Grafiken oder Farben hinzuzufügen:

1. Klicken Sie auf den Hintergrundbildschirm. Die Vorlage verfügt über vier Grafiken auf dem Bildschirm: Den Titeltext oben, einen grauen Kasten um diesen Text, eine dunkelgraue Linie an der unteren Seite des grauen Kastens und einen zweiten grauen Kasten im unteren Teil des Bildschirms (siehe Abbildung 8).
2. Verwenden Sie die Zeichenwerkzeuge von Flash aus der Werkzeugpalette auf der linken Seite, um eigene Titel, Rahmen und Hintergrundfarben zu erstellen.

So fügen Sie eine neue Hintergrundgrafik hinzu:

1. Klicken Sie auf Datei > Importieren > In Bühne importieren.
2. Wählen Sie im Dialogfeld Importieren die zu importierende Datei und klicken Sie auf OK.

   Bei einigen Dateitypen kann es vorkommen, dass ein zusätzliches Dialogfeld mit Optionen angezeigt wird, die Sie für diese bestimmte Datei einstellen können.

3. Positionieren Sie die Datei an der gewünschten Stelle auf dem Bildschirm.

Wenn Sie die Größe der Grafik ändern möchten, klicken Sie mit der rechten Maustaste (Mac: Control-Klick) auf die Grafik, und wählen Sie aus dem Popup-Menü die Option Frei transformieren.

Wenn Sie eine Hintergrundgrafik oder einen Rahmen hinzufügen möchten, wählen Sie den Hintergrundbildschirm aus, und verwenden Sie die Zeichenwerkzeuge aus der Werkzeugtabelle, um z. B. einen farbigen Kasten hinzuzufügen, Grafiken zu zeichnen usw. Alles, was Sie zum Hintergrundbildschirm hinzufügen, wird auf allen Folgebildschirmen ebenfalls angezeigt.

Ändern von Text und Grafik bei der Videowiedergabe

Während der Videowiedergabe werden Texte und Grafiken auf dem Bildschirm angezeigt. Die Texte und Grafiken sind mit dem Video genau synchronisiert, sie werden also immer dann angezeigt, wenn das Video bestimmte Marken erreicht. Sie können die Texte und Grafiken aktualisieren, die bei der Wiedergabe Ihres Videos angezeigt werden.

Verwenden Sie Bildschirme, um Inhalte in Ihre Präsentation einzubinden. Durch die Synchronisierung der Anzeige dieser Bildschirme mit dem Video steuern Sie die Inhalte, die während der Wiedergabe präsentiert werden. Wenn das Video bestimmte Marken erreicht, werden die entsprechenden Bildschirme angezeigt.

Um eigene Texte oder Grafiken hinzuzufügen, bearbeiten Sie einfach die Texte und Grafiken in den einzelnen Bildschirmen der Vorlage. Synchronisieren Sie diese Bildschirme mit Ihrem Video, indem Sie die Marken in der Media-Komponente setzen, um die Anzeige der Bildschirme im richtigen Moment auszulösen.

Zum Ändern eines Bildschirms müssen Sie ihn lediglich auswählen und die Inhalte bearbeiten. Wenn Sie einen Bildschirm bearbeiten, werden die Hintergrundbilder und -texte sowie die Navigationsschaltflächen angezeigt, jedoch abgeblendet, sodass Sie sehen können, was sich auf dem Bildschirm und auf den Hintergrund- bzw. Steuerungsbildschirmen befindet. Beachten Sie, dass Sie nur den Text auf dem Bildschirm bearbeiten können, der momentan hervorgehoben ist. Um abgeblendete Texte zu bearbeiten, wechseln Sie zum Hintergrund- bzw. Steuerungsbildschirm (siehe Abbildung 9).

Die meisten Texte und Grafiken in der Vorlage sind animiert, sodass sie entweder eingeblendet werden oder sich bewegen, wenn der Bildschirm angezeigt wird (siehe Abbildung 10). Diese Flash-Effekte können Sie beliebig übernehmen oder entfernen. Beachten Sie jedoch, dass durch solche Animationen die Anzeige der Inhalte verzögert werden kann, da diese erst die Animation durchlaufen müssen, ehe sie endgültig angezeigt werden. Um die Animation anzuzeigen, klicken Sie auf den Anfang (ganz links) der Zeitleiste, um die rote Kennzeichnung für den aktuellen Frame auf diesen Frame zu verschieben. Ziehen Sie die rote Kennzeichnung über die Zeitleiste, um die Animation zu durchlaufen. Sie können auch auf den letzten Frame in der Zeitleiste klicken, um das Endstadium der Animation anzuzeigen.

Wenn Sie animierte Texte oder Grafiken bearbeiten, wird die Animation wie bisher auf sie angewendet. Die Grafiken und Texte können auch mitsamt der dazugehörigen Animation gelöscht werden. Die einfachste Möglichkeit hierfür besteht darin, die Ebene in der Zeitleiste zu löschen, die den Text bzw. die Grafiken enthält.

Wenn Sie neue Grafiken, Texte oder eigene Animationen hinzufügen möchten, markieren Sie den Text bzw. die Grafik, klicken Sie auf Einfügen > Zeitleisten-Effekte, und wählen Sie aus der Vielzahl der verfügbaren Animationen die passende aus.

Wenn Sie einen Text auf einem Bildschirm bearbeiten möchten, wählen Sie ihn per Doppelklick aus, und geben Sie die Änderungen ein. Sie können Text auch mithilfe des Textwerkzeugs aus der Werkzeugpalette hinzufügen.

Grafiken fügen Sie per Import mithilfe der Option Datei > In Bühne importieren hinzu.

Beachten Sie, dass Sie bei der Änderung von Bildschirmnamen auch die dazugehörigen Bezeichnungen der Marken in den Parametern der Media-Komponenten und die Instanznamen der zugehörigen Schaltflächen in der Navigationsleiste aktualisieren müssen. Diese Vorgehensweise ist möglich, einfacher ist es jedoch, die Bildschirmnamen so zu belassen, wie sie vorgegeben werden.

Hinzufügen und Löschen von Bildschirmen in der Präsentation

Der voherige Abschnitt hat die Vorgehensweise zum Ändern von Inhalten auf den Bildschirmen beschrieben. In diesem Abschnitt erfahren Sie, wie Bildschirme hinzugefügt und entfernt werden. Bildschirme mit Inhalten werden angezeigt, sobald das Video bestimmte Marken erreicht. Wenn Sie Bildschirme hinzufügen oder löschen, müssen Sie auch die entsprechenden Marken in der Media-Komponente löschen und den damit verbundenen Schaltflächeninstanznamen aktualisieren.

Die Präsentation enthält 12 Bildschirme mit Inhalten. Sie können beliebig viele hinzufügen.

So fügen Sie einen neuen Bildschirm hinzu:

1. Markieren Sie den Bildschirm oberhalb der Stelle, an der Sie den neuen Bildschirm hinzufügen möchten. Klicken Sie dann mit der rechten Maustaste (Mac: Control-Klick) auf diesen Bildschirm, und wählen Sie aus dem Popup-Menü die Option Bildschirm einfügen.
2. Doppelklicken Sie auf das Bildschirmsymbol auf der linken Seite (slide1 bzw. Folie1) und benennen Sie den Bildschirm um. Bildschirmnamen dürfen keine Leerzeichen enthalten.
3. Fügen Sie dem Bildschirm Texte und Grafiken hinzu, und animieren Sie sie ggf.

Wenn Sie den Bildschirm mit dem Video synchronisieren möchten, sodass er bei einer bestimmten Marke während der Wiedergabe angezeigt wird, gehen Sie folgendermaßen vor:

1. Wählen Sie den Steuerungsbildschirm.
2. Klicken Sie auf die Media-Komponente in der Mitte links vom Bildschirm. Die Media-Komponente wird erst angezeigt, wenn Sie auf sie klicken.
3. Öffnen Sie das Fenster Komponenten-Inspektor auf der rechten Seite.
4. Fügen Sie im Bereich für die Marken im unteren Teil des Komponenten-Inspektor-Bereichs eine Marke im Format hh:mm:ss:ff (Stunden:Minuten:Sekunden:Frames) hinzu, und geben Sie den Bildschirmnamen im Feld für den Namen der Marke ein.
5. Um die Schaltflächenhervorhebung einer bestimmten Schaltfläche und Marke zuzuordnen, doppelklicken Sie auf die Navigationsleiste, um den Bearbeitungsmodus aufzurufen.
6. Wählen Sie die Schaltflächeninstanz aus, die der neuen Marke zugeordnet werden soll. Klicken Sie auf die Schaltflächengliederung in der Schaltflächenebene.

Wie Sie eine neue Schaltfläche hinzufügen, erfahren Sie im Abschnitt "Hinzufügen von Navigationsschaltflächen".

Das Löschen von Bildschirmen ist einfach. Markieren Sie einfach den Bildschirm auf der linken Seite, und drücken Sie die ENTF-Taste. Sie sollten dann aber auch die Marke für den Bildschirm aus dem Video entfernen:

1. Wählen Sie den Steuerungsbildschirm.
2. Klicken Sie auf die Videoanzeige.
3. Öffnen Sie das Fenster Komponenten-Inspektor.
4. Löschen Sie im unteren Teil des Marken-Bereichs die Marke und den Bildschirmnamen des gelöschten Bildschirms.

Animation von Bildschirminhalten mithilfe von Bildschirmübergängen

Eine zusätzliche Möglichkeit zum Animieren von Bildschirminhalten ist der Einsatz von Übergangsverhalten für Bildschirme. Diese Vorgehensweise ist besonders interessant, wenn ein einfaches und schnelles Verfahren zum Erstellen von Bewegungen auf einem Bildschirm gewünscht wird. Mit Bildschirmübergängen können Inhalte mithilfe verschiedener voreingestellter Übergangstypen animiert werden, z. B. durch Ausblenden, Zoomen oder Weichzeichnen, um nur einige zu nennen. Die Bildschirmübergänge können den Inhalt beim Eintritt in die Ansicht und beim Austritt aus der Ansicht animieren. Sie werden wie die meisten Funktionen in der Vorlage über das Bedienfeld Verhalten gesteuert. Um ein Bildschirmverhalten hinzuzufügen oder zu bearbeiten, müssen Sie den Bildschirm zunächst im Bildschirmübersichtsfenster auswählen.

1. Ermitteln Sie, welche Verhalten bereits den vorhandenen Bildschirmen zugewiesen sind. Klicken Sie auf die Unterbildschirme unter dem Steuerungsbildschirm, und sehen Sie sich das Bedienfeld Verhalten an. Beachten Sie, welchen Bildschirmen bereits Verhalten hinzugefügt wurde und welchen nicht. Um die Einstellungen für ein Verhalten anzuzeigen, doppelklicken Sie auf die Aktionsspalte im Bedienfeld Verhalten. Ein Dialogfeld wird angezeigt. Klicken Sie auf Abbrechen, wenn Sie fertig sind.
2. Wählen Sie den Eröffnungsbildschirm ("Willkommen"). Zur Demonstration des Vorgangs fügen Sie jetzt ein Übergangsverhalten hinzu.
3. Klicken Sie nach Auswahl des Willkommen-Bildschirms auf das Pluszeichen (+) im Bedienfeld Verhalten, und wählen Sie die Option Bildschirm > Übergang (siehe Abbildung 11).

4. Wählen Sie im daraufhin angezeigten Dialogfeld einen Übergangstyp aus, und passen Sie die Parameter wunschgemäß an. Abbildung 12 zeigt den Übergang Zoom mit der Abschwächungseinstellung elastisch. Beachten Sie, wie der Parameter für die Abschwächung die Animation in sehr merkwürdiger Form beeinflussen kann. Klicken Sie auf OK.

5. Schauen Sie sich nach dem Schließen des Dialogfelds das Bedienfeld Verhalten an. Sie werden feststellen, dass das Verhalten hinzugefügt wurde. Beachten Sie außerdem, dass das Ereignis automatisch auf reveal gesetzt wird. Das bedeutet, dass die Animation ausgeführt wird, wenn der Bildschirm das erste Mal angezeigt wird. Sie können auch einen Endübergang hinzufügen, indem Sie ein weiteres Übergangsverhalten hinzufügen und das Ereignisfeld auf hide setzen. In diesem Fall wird die Animation ausgeführt, wenn der Bildschirm ausgeblendet wird. Bei Übergängen für das Ausblenden setzen Sie den Parameter für die Übergangsrichtung normalerweise auf Am Ende.
6. Wählen Sie über Menü > Steuerung die Option Film testen (oder drücken Sie Strg + Eingabe), um die Ergebnisse anzuzeigen. In diesem Beispiel wird der studiomx-Bildschirm sofort abgespielt und überschneidet sich so mit dem Übergang des Willkommen-Bildschirms. Das tritt nicht auf, wenn Sie das Übergangsverhalten auf alle Bildschirme anwenden, die länger in der Ansicht verbleiben als in der Einstellung Dauer in den Übergangsparametern festgelegt ist.
7. Um den zeitlichen Unterschied zu zeigen, versuchen Sie, das Verhalten vom Willkommen-Bildschirm zu entfernen und es stattdessen zum Bildschirm studiomx hinzuzufügen. Klicken Sie bei ausgewähltem Willkommen-Bildschirm auf das Übergangsverhalten im Bedienfeld Verhalten, und klicken Sie auf das Minuszeichen (-), um es zu entfernen.
8. Wählen Sie in der Bildschirmübersicht den Bildschirm studiomx aus. Wenden Sie die Schritte 3 und 4 bei ausgewähltem studiomx-Bildschirm an Stelle des Willkommen-Bildschirms an, um den Übergang hinzuzufügen.
9. Wählen Sie noch einmal Film testen (oder drücken Sie Strg + Eingabe), um die Ergebnisse anzuzeigen.

Beachten Sie, dass Sie mehrere Verhalten pro Ereignis und Bildschirm verwenden können. Das bedeutet, dass Sie die Übergangsverhalten mit anderen Verhalten während der reveal- und hide-Ereignisse kombinieren können. Dies kann nützlich sein, wenn Bildschirme erstellt werden, die Übergänge enthalten, und gleichzeitig die Zeitleiste des Bildschirms beim Ein- und Ausblenden gesteuert werden muss.

Wie Sie in den vorherigen Abschnitten dieses Artikels gesehen haben, stellen die Media-Komponenten das "Herz" der Vorlage und der Steuerungen für die Anzeige dar. Die Media-Komponenten zeigen das FLV-Format an. Mithilfe dieser Komponenten können Downloads von FLV-Dateien entweder progressiv oder als Streaming erfolgen. Progressives Video ist verfügbar, wenn Flash Player 7 und das FLV-Format verwendet werden. Dies ist die Standardoption für den Download von FLV-Dateien von einem Webserver. Progressives Video bietet viele Vorteile gegenüber dem standardmäßig eingebetteten Video und schneidet im Leistungsvergleich besser ab.

Mit Flash Communication Server oder dem Flash Video Streaming Service können Sie zusätzlich zu den Flash-Inhalten Streaming-Video realisieren. Flash Communication Server ist ein Serverprodukt von Macromedia für das Streaming von Inhalten zu Flash-Filmen. Streaming FLV-Inhalte verbinden alle Vorzüge des progressiven Videos mit zusätzlichen Merkmalen wie Bandbreitenüberwachung und -steuerung, effektivere Nutzung der Netzwerkressourcen und die Möglichkeit, größere Multiuser-Anwendungen zu erstellen, die in Echtzeit aktualisiert werden können.

Weitere Informationen zum progressiven Video-Download und zu Streaming-Video finden Sie im Abschnitt "Bereitstellungsoptionen für Flash-Videos" in der Flash Video-Einführung.

Wenn Sie die Testversion von Flash Communication Server installiert oder bereits Zugriff auf die Software haben, können Sie mit folgenden Schritten einen Video-Stream in Ihrer Präsentationsdatei aktivieren.

1. Öffnen Sie Ihre FLA-Präsentationsdatei in Flash MX 2004.
2. Wählen Sie den Steuerungsbildschirm im Bildschirmübersichtsfenster und dann die Media-Anzeigekomponente mittig links im Bildschirm.
3. Um den Video-Stream zu aktivieren, geben Sie den URL der FLV-Datei auf dem Server ein, auf dem Flash Communication Server ausgeführt wird.

   Wenn sich Ihr Video z. B. unter "c:\programme\macromedia\flash communication server mx\applications\app_name\streams\instance_name\" auf dem Computer befindet, auf dem Flash Communication Server ausgeführt wird, geben Sie rtmp://server_name/app_name/instance_name/video_name ein. Mithilfe dieses URLs wird Flash Communication Server aufgerufen, wenn das Video angefordert wird.

Weitere Informationen finden Sie in der Flash Communication Server-Dokumentation.

Beachten Sie, dass Sie auch den Flash Video Streaming Service verwenden können, um die Möglichkeiten des Video-Streamings voll auszunutzen. Dieser Service wird von den Macromedia-CDN-Partnern Content Delivery Network angeboten.

Weiterführende Informationen

Es gibt viele Möglichkeiten, um eine Präsentation noch anspruchsvoller zu machen und Ihren Bedürfnissen entsprechend zu verbessern:

• Ändern Sie die Benutzeroberfläche und die Grafiken, um Ihr persönliches Design zu erhalten.
• Animieren Sie Texte und Grafiken auf individuelle Art und Weise, um Ihre Bildschirminhalte zu choreographieren.
• Experimentieren Sie mit dynamischen Ladevorgängen von Inhalten in die contentPath-Eigenschaft von Unterbildschirmen.
• Schauen Sie sich die Videovorlagen an, um weitere Ideen für anregende und effektive Möglichkeiten zur Kommunikation und Vermittlung Ihrer Inhalte zu erhalten.
• Lesen Sie die Flash Video-Einführung, um Grundlegendes über die Verwendung von Flash Video zu erfahren.