4x bewertet

Umgang mit Flashkonvertern

von Zane  |  11.04.2010 um 13:27 h
Flash Anwendungen
Typ: Flash Anwendungen
Stufe:Einfach
Zunächst, was ist eigentlich Flash ?
Flash wird immer mehr für die Professionelle Internetprezens verwendet, nicht nur um einiges bessere Qualitativere Ergebnisse zu liefern sondern kann man Flash unter anderem für Werbebanner, als Teil einer Website z.B. als Steuerungsmenu, als Video-Player oder in Form kompletter Flash-Seiten verwenden.

Die mit Adobe Flash erstellen Quelldateien (FLA-Dateien) werden in SWF-Dateien übersetzt und dabei auf Wunsch komprimiert, um anschließend auf einem Webserver übertragen zu werden. Die FLA-Dateien werden nur von den Autoren während der Entwicklung verwendet und veränderbar. Die kompilierten SWF-Dateien werden beim Endbenutzer im Webbrowser geladen und können in dieser Form nicht mehr verändert werden. Flash kann auch z.B. für Browser-Games verwendet werden wo man mit speziellen Skripten bzw. Änderungen soweit die Möglichkeit einem User geben kann, Sachen oder diverse Optionen zu betätigen oder wie so ähnlich bei einem Steuerungsmenu (Navigation einer Homepage oder einer kompletten Flash-Seite).

Was benötigen wir nun?
Das wichtigste überhaupt unsere Videodatei, welche wir mit Programmen wie Adobe After Effects, Sony Vegas, Movie Maker erstellt haben.

Mein Tipp, um Header zu erstellen oder ähnliches, empfehle ich das nicht gerade kostengünstigste Programm Adobe After Effects, weil wir dort die meisten Möglichkeiten haben um so etwas zu erstellen. Doch anzumerken ist das man mit Adobe After Effects, bereits Flashdateien erstellen kann, genauso wie bei Sony Vegas. Doch dort habt ihr keine Möglichkeiten diese Flashdateien direkt in einen Flashplayer zu binden ohne größere HTML-Kenntnisse.

Es gibt dazu 2 Varianten um ein Flashobjekt zu erstellen, doch hier werde ich zunächst erst einmal erklären wie man so etwas mit einem Konverter erstellen kann (in einem späteren Tutorial werde ich es dann evtl. erneut erklären, doch wie man es dann selber machen kann)

Als erstes brauchen wir einen kostengünstigen oder gar kostenlosen Konverter den ihr hier downloaden könnt: LINK
Bild

Datei-Informationen:
Dateigröße: 30MB
Viren: 100% Keine vorhanden
Kosten: Kostenlos
Updates: Kostenlos und automatische Informationen für neue Updates bei jedem Neustart.
Aktuellste Version: 4.4
Betriebssystem: Für alle verfügbar
Inklusive: YouTube-Downloads, Für Handy konvertieren, Formate konvertieren (für Musik z.B.) und vieles mehr.

Wir installieren diesen Konverter ganz normal und stellen ihn während der Installation auf Deutsch. Dann müsste das Ganze in etwa so nun aussehen, wenn wir den Konverter erfolgreich installiert und geöffnet haben:
Bild

Da wir eine Videodatei in Flash konvertieren möchten, so klickt wir auf DVD & Video.
Bild

Anschließend klicken wir auf "Free Video to Flash Converter":
Bild

und es öffnet sich dabei ein neues Fenster welches so ausschaut:
Bild

Bei Eingabedateien, können wir nun eine oder mehrere Videodateien einfügen in dem wir auf Durchsuchen klicken. Haben wir zu viele oder unerwünschte Dateien hinzugefügt, so können wir sie auch wieder entfernen in dem wir diese Videodatei einfach auswählen mit einem linksklick und anschließend auf Entfernen drücken:
Bild

Bei Ausgabeordner können wir nun letztendlich den Zielspeicher bestimmen in dem wir dort auch wieder auf Durchsuchen klicken und uns einen gemütlichen Platz für unsere Flashdatei aussuchen.
Bild

Haben wir einen Ausgabeordner ausgewählt so können wir nun auf Ausgabename klicken, dabei erscheint ein neues Fenster:
Bild

Beschreibung des Fensters:
Bei Präfix können wir nun den gewünschten Dateinamen eingeben. Bei den 2 Optionen die darunter sind, kann man bestimmen ob der Ursprünglicher Dateiname mit einbezogen werden soll oder nicht und mit Datum einbeziehen können wir uns aussuchen ob das Datum mit im Dateinamen erscheinen soll. Bei Postfix können wir entscheiden ob noch etwas hinzugefügt werden soll mit einem bestimmten Trennzeichen, welches ihr unter Postfix wählen könnt (wie der Dateiname in dem Ausgabename aussehen wird, wird uns immer unten angezeigt). Haben wir alle Optionen nach unseren Wünschen eingegeben so können wir einfach auf OK drücken.

Nun zu den Formaten:
Nun zum Hauptpunkt der Formate. Es ist wichtig zuvor zu wissen was wir wollen, wollen wir ein Werbebanner, Header oder gar ein Video haben?
Bild

WICHTIG
Wie schon erwähnt muss man sich im klaren sein, was man haben möchte, dazu ist es wichtig zu sagen das SWF-Format nur für Zwecke wie Werbebanner, Header und sonstiges geeignet sind, da diese ohne Steuerelemente sind (ohne Play/Stop Laut/Leiser Regler).

Beim FLV-Format haben wir die Möglichkeit einen Player hinzuzufügen.


In dem Fall wählen wir auch das FLV-Format aus und wenn wir nun etwas weiter oben noch mal schauen so können wir die Schaltfunktion Player finden, wenn wir dort nun drauf klicken, öffnet sich ein neues Fenster.
Bild

Dort können wir nun ganz gemütlich unseren Player aussuchen und mit Playertyp, können wir entscheiden ob er viele Optionen besitzen soll wie Lautstärkeregler, Vor- und Zurückspul-Funktion etc.. Anschließend können wir dann auf OK drücken. Bei Voreinstellungen können wir nun zwischen 3 Voreinstellungen entscheiden. Bei Normal Quality haben wir eine normale Qualität und Normale FPS (Bild pro Sekunde) was bei High Definition anders ist, da ist nicht nur der Player größer, sondern auch die MB, unter Umständen die Lade Zeit und auch die Qualität ist sehr genau. Wir können aber auch ganz individuell die Größe, Qualität und so einiges mehr ändern wenn wir auf Bearbeiten klicken, doch das sollten wir ein anderes Mal angehen, und damit herum experimentieren.

Nun sind wir fast fertig. Noch ein Häkchen bei Nach Konvertierung HTML-Beispieldatei anzeigen rein und auf Konvertieren klicken, einen Moment warten (je nach Größe des Videos und der Leistung des Rechners kann dies manchmal sehr lange dauern). Wenn der Konverter fertig ist, öffnet sich euer Standard Webbrowser mit dem HTML-Vorlagecod und einer Vorschau:
Bild

In dem Ausgabeordner den wir zuvor angeben haben erscheinen nun auch 6 Dateien:
Einmal die Seite die wir als Vorschau am Ende des konvertieren gesehen haben, Dann die player_flv_multi, unsere FLV-Datei, ein XML-Dokument, ein start_frame (diesen könnt ihr jederzeit Grafisch verändern doch muss den Namen start_frame beinhalten) und anschließend eine style.css Datei.
Bild

Wenn wir nun auf unseren Webbrowser einmal zurückschauen können wir nun uns einmal unser Endergebnis anschauen, wie es auch Später auf der Homepage erscheinen wird und auch ein Vorlage Code der in dem Fall so ausschaut:
<object id="Object1" type="application/x-shockwave-flash" data="player_flv_multi.swf" width="350" height="240">
<noscript><a href="http://www.dvdvideosoft.com/products/dvd/Free-YouTube-to-MP3-Converter.htm">mp3 download</a></noscript>
<param name="movie" value="player_flv_multi.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="autoplay" value="false" />
<param name="autoload" value="false" />
<param name="FlashVars" value="configxml=Quest Crew.xml" />
</object>


Diesen können wir nun ganz normal in ein HTML-Dokument hinzufügen.

WICHTIG
Es müssen nur die Dateien: player_flv/swf_multi, FLV/SWF, das XML-Dokument, start_frame und style auf dem Webhoster hochgeladen werden, doch beachte das diese Dateien in den Ordner müssen bei dem FTP Programm wo auch das HTML-Dokument ist, es sei denn du hast die dafür gebrauchten Kenntnisse um die Pfade der einzelnen Dateien zu verändern. Dies werde ich aber in einem anderen Tutorial erklären.


Wenn nun noch Fragen sind, so scheue dich nicht mir zu schreiben.

Nach weiteren Informationen sollte es keine Probleme mit diesem Konverter und der HTML-Ausgabe in allen Browsern vorkommen. Sollten also Fehler auftauchen, so bitte ich darum mir bescheid zu sagen, das ich es hier erläutern kann, da ich nur FF Benutzer bin, danke.

Zusatz Tutorial:
Wie ändere ich den Zielpfad meines Flashobjektes



2 Kommentare




SmaX

Sehr gut erklärt! 6P
am 11.04.2010 um 21:37 Uhr


Nekoji

Sehr ausführlich und gut bebildert, sehr schön! :>
am 12.04.2010 um 19:32 Uhr