All Articles Flash
Aufnehmen von Videoclips Interactive in Adobe Flash CS5
David Smith on Wed, February 15th 0 comments
Regardless of the fact Flash isn't supported on iOS devices, it is still the standard video player type on the web today. David Smith shows how to make interactive controls for video in Adobe Flash.

Flash ist ein beliebter Kanal für Video-Lieferung über das Internet seit geraumer Zeit, und in-trotz der Gerüchte über Flash-Zukunft als Web-Tool, mit dem Wachstum von HTML5 und mobile Geräte wird es weiterhin sein, für einige Zeit populär doch ich denke.

Die meisten Menschen die Erfahrung von Flash-Video ausgeliefert ist mit der Verwendung von On-Screen-Steuerelemente wie Wiedergabe und Pause, die unter dem Videofenster werden könnten, sitzen oder vielleicht über das Video gelegt, leicht transparent und vielleicht nur erscheinen, wenn das Video wird überrollt. Das ist alles schön und gut, wenn man dieses Maß an Benutzer-Steuerung von Anfang an bieten wollen. Es gibt andere Möglichkeiten, wie der Benutzer interagiert mit Video aber, und in diesem Artikel werde ich untersuchen, was ich denke, ist einer der besten.


Schritt 1 - Import Video in Flash

Mit Flash-Projekt geöffnet, wählen Sie Datei

import video box

Der Import-Video-Fenster


Schauen wir uns die Bekämpfung jede Option einer nach dem anderen.


Schritt 2 - Finden Sie den Videoclip

Klicken Sie auf die Schaltfläche Durchsuchen, und suchen Sie die Video-Datei auf Ihrem System. Wenn der Videoclip ist ein Flash Video-Datei (. Flv), dann sind Sie bereit, gehen Sie zum nächsten Schritt. Es ist ebenso wahrscheinlich, dass die Datei die Sie verwenden möchten ein Quicktime. Mov-Datei oder ähnliches ist. Leider wird Flash nicht akzeptieren. Also lasst uns wandeln Sie es in einem. FLV-Datei.


Schritt 3 - Verwenden Media Encoder

In der Flash-Video importieren Menü gibt es eine Option am unteren Rand des Fensters, um Adobe Media Encoder starten, klicken Sie diese.

Media Encoder

Media Encoder


Media Encoder öffnet sich mit Ihrem. Mov-Datei oder ähnliches bereits geladen. Jede Spalte stellt einen anderen Parameter für Ihre Video-Konvertierung, wie zum Beispiel, welche Art von Datei zu verschlüsseln und wo die konvertierte Kopie zu speichern.

In der Spalte Format wählen, um zu FLV/F4V konvertieren. In den Voreinstellungen wählen FLV - Match Source Attribute (mittlere Qualität) und legen dann die Output-Datei auf Ihrem Desktop, so wird diese Datei ist einfach zu wieder zu finden.

Klicken Sie auf die Warteliste starten drücken und warten bis fertig Media Encoder seine Aufgabe. Schließen Sie dann Media Encoder und Rückkehr zu Flash. Schließlich auf den Desktop zu durchsuchen und wählen Sie die neue FLV-Datei für den Import.


Schritt 4 - Hinzufügen einer Komponente Haut

Um wirklich helfen zu verstehen, den Unterschied zwischen den zwei Methoden zum Hinzufügen und Steuerung von Video in Flash erstes werden wir eine Video-Film in einem Komponenten-Skin enthalten zu schaffen. Dies ist wahrscheinlich wie die meisten Anwender Flash-Filme zu erleben online.

Wählen Sie die Load Externes Video mit Playback Komponente Option aus dem Video-Import-Fenster und klicken Sie auf Weiter.

flash skin menu

Das Flash-Skin-Menü


Eine Auswahl von Haut-Optionen stehen zur Verfügung, einige, die über den Video-Clip und einige, die sich unter positionieren wird es schweben. Einige beinhalten Play / Pause, Lautstärke / Mute und Navigation und einige enthalten einfach zu spielen und Pause.

Verwenden Sie das Dropdown-Menü und eine Vorschau auf einige wenige zu sehen, was du magst. Es gibt auch Farbton und Deckkraft Optionen zu helfen, vervollständigen den Look. Sobald Sie den Stil Ihrer Wahl drücken Sie auf Weiter. Es erscheint ein Fenster mit einer Zusammenfassung Ihrer Anfrage für Sie zu prüfen, über. Unter der Annahme, alles in Ordnung klicken Sie auf Fertig stellen.


Schritt 5 - Platz-Komponente auf Szene 1

Ein Video-Komponente erscheint wieder im Bedienfeld Bibliothek. Besorgen Sie sich die Komponente und ziehen Sie sie auf Szene 1. Ändern Sie die Größe des Videos mit der W-und H-Parameter in der Properties Panel oder verwenden Sie die Größe neu Griffe auf Szene 1, falls erforderlich.

component on screen

Die Komponente auf dem Bildschirm


Fügen Sie den Namen der Instanz componentMovie_mc, weil es eine gute Übung ist, und speichern Sie und testen Sie die Szene (drücken Sie Befehlstaste-Return). Der Film erscheint mit Ihrer Haut aufgetragen, drücken Sie Play und Pause etc., um die Komponente zu testen. Schön und einfach, aber vielleicht ein wenig langweilig?


Schritt 6 - Import Video erneut

Dieses Mal wollen wir versuchen eine weitere interessante Option. Bevor Sie importieren möchten, erstellen Sie einen neuen Movieclip-Symbols in der Bibliothek und nennen Sie es VideoPlay_mc. Importieren Sie dann den gleichen Film noch einmal, nur dieses Mal wählen, um das Video in der Timeline in den Import-Optionen einbinden.

import to timeline

Importieren, um Timeline


Und klicken auf Weiter.


Schritt 7 - Video einbetten als MC

Ein zweites Menü erscheint, dieses Mal zu fragen, wie das Video einbetten. Halten Sie die Optionen auf 'Place Instanz auf der Bühne und erweitern Timeline', wenn nötig. Diese Optionen werden den eingebetteten Film in das Symbol namens VideoPlay_mc platzieren und erweitern Sie die Timeline um jeden Frame enthalten.

embed to MC options

Embed zum MC Optionen


Klicken Sie auf Weiter und wie mit dem Komponenten-Skin-Version erscheint eine Zusammenfassung detailliert Ihre Anfrage. Fehler prüfen jetzt, da es keinen Weg zurück auf diese Optionen, wenn Sie das Video importiert haben. Klicken Sie dann auf Fertig stellen.


Schritt 8 - Setzen Sie den Embedded Movie Clip

In der Bibliothek zwei Dinge passieren. Zunächst erscheint das importierte Video-Clip mit einer kleinen Filmkamera-Symbol. Versuchen Sie nicht, und verwenden Sie diese in Ihrem Projekt, es muss nur da sein, um in die SWF-Datei eingebettet werden. Zweitens die Movieclip namens VideoPlay_mc jetzt enthält Frames von importierten Videoclip.

MC in library

MC in der Bibliothek


Dieser Movieclip enthält die Video-Datei die Sie gerade importiert aus ganz egal wie viele Frames gedehnt durch das Video auf ihre Länge erforderlich sind.

Tipp: Doppelklicken Sie auf das Icon Movie Clip, um es zu öffnen und einen Blick auf, wie viele Bilder verwendet werden. Es könnten Hunderte sein.


Schritt 9 - In den Szene 1

Ziehen Sie den Movieclip mit dem eingebetteten Video-Datei auf Szene 1 und legen Sie sie in der Nähe des Video

The placed movie clip

Der Movieclip platziert


In dem Fenster Eigenschaften Name dieses Movieclip-Instanz videoPlay_mc (man beachte die Kleinschreibung v für die Instanz-Namen)

Schritt 10 - Stoppen Sie den Clip

Wenn Sie testen Sie die Szene nun, der Film, der gerade würde AutoPlay einer Schleife platziert wurde, ohne die Möglichkeit ihn zu kontrollieren. Also, einige Bedienelemente fügen wir zuerst zu den Film an der Quelle zu stoppen.

Öffnen Sie den Movieclip, der die eingebetteten Videos in der Bibliothek enthält, so dass Sie all die Hunderte von Video-Frames in Layer 1 sehen kann. Auf der Keyframe mit der rechten Maustaste klicken Sie auf Bild 1 und aus dem Menü wählen Sie Aktionen.

Rechtsklick auf Frame 1


Im Bedienfeld Aktionen Typ stop ();

Dadurch wird diese Filme Abspielkopf in Bild 1 zu halten, bis andere Weisung erteilt.


Schritt 11 - Schreiben Sie diesen Code

Zurück zur Szene 1 Fenster und öffnen Sie das Bedienfeld Aktionen noch einmal. Geben Sie den folgenden Code ein:

The code

Der Code


Dieser Code wird den Videoclip in eine Schaltfläche, die sich selbst spielen verwandeln wird.


Schritt 12 - Szene testen

Probieren Sie es aus, drücken Sie Befehl-Zeilenschalter, um die SWF mit beiden Filmen zu sehen, und klicken Sie auf den zweiten Movieclip Wiedergabe zu starten.


Schritt 13 - Bearbeiten Sie den Code

Statt der Klick auf den Button, ändern können es so, dass der Film, wenn seine rollte spielt! Das kann eine coole Art zu Interaktion mit dem Benutzer hinzufügen zu können.

Ändern Sie den CLICK-Code im Bedienfeld Aktionen zu MOUSE_OVER. Dadurch ändert sich die Veranstaltung von einem Klick zu einem Überschlag, um den Film zu spielen beginnen.

The

Der neue Code


Schritt 14 - Szene testen

Drücken Sie erneut, Befehl-Zeilenschalter und überzeugen Sie sich.

Wenn es nicht funktioniert müssen Sie die folgenden Punkte achten:

  • Wussten Sie buchstabieren den Namen der Instanz korrekt, muss es genau die gleiche Schreibweise wie das erste Wort im Code sein.
  • Habt ihr überhaupt, wo es sein sollte.? Oder umgekehrt?
  • Überprüfen Sie die Schreibweise, Fall-und Grammatikprüfung für den gesamten Code im Vergleich mit dem Code hier ein. Ein Fehler wird töten sie tot ist.


    Ansonsten viel Spaß!

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: