Musik auf der Website: Flash hilft aus

Manche uralt Homepage nervt Besucher noch immer mit MIDI-Dateien, die als Hintergrundmusik abgespielt werden. Da das Flash-Plugin aber in fast jedem Browser installiert ist, sind auch qualitativ hochwertigere MP3-Dateien kein Problem mehr.

Flash komprimiert die Dateien dabei gleich noch einmal, damit sie auch wirklich nur wenig Ladezeit verbrauchen. Trotzdem sollte man die Hintergrundmusik lieber etwas knapper wählen und als Schleife wiederholen – Modemuser werden es Ihnen danken.

Für einen einfachen Hintergrund-Sound braucht es weniger als zwei Minuten Arbeit, selbst Flash-Neulinge sollten keine Probleme haben. Ist der passende Sound ausgewählt (Copyright beachten!) kann er direkt über Datei / Importieren zu einem neuen Projekt hinzugefügt werden. Er taucht dann sofort in der Bibliothek auf, die sich mit der Taste F11 einblenden lässt.

Von dort wird der Sound auf die weiße Arbeitsfläche gezogen. Er ist zwar dort nicht zu sehen, wird aber angezeigt, wenn man mit der Maus über das aktuelle Bild in der Zeitleiste fährt. Wird das Bild angeklickt, lässt sich die Anzahl der Wiederholungen im Eigenschaften-Fenster einstellen. Nach Testen und Speichern kann der Film jetzt veröffentlicht werden. Da der Film in der Regel aber nur als kleiner Teil der HTML-Seite genutzt wird, kann die Größe des Films noch über Modifizieren / Dokument auf 1px mal 1px gestellt werden.

Gäste mögen Kontrolle. Mit zwei Schaltflächen lässt sich ein mini CD-Player simulieren, mit dem man den Sound starten und wieder stoppen kann.

Hierfür braucht es etwas Actionscript, die Flash-eigene Scriptsprache. Diese lässt sich rasch per Klick zusammenstellen, so dass auch Einsteiger keine Probleme haben.

Insgesamt werden drei Zeitleisten-Ebenen mit je drei Schlüsselbildern benötigt. Eine neue Ebene lässt sich per Knopfdruck hinzufügen. Schlüsselbilder werden gesetzt, wenn der ausgewählte Frame angeklickt und im Einfügen-Menü der Punkt “Schlüsselbild” gewählt wird.

Die Ebenen lassen sich für bessere Übersicht per Doppelklick mit eigenen Namen versehen, das ist aber nicht zwingend nötig.

Zum Start wird das erste Schlüsselbild der Sound-Ebene aktiviert, jetzt kann die Musik auch in die weiße Bühne gezogen werden. Nun muss das erste Schlüsselbild der Button-Ebene aktiviert werden. Mit den Flash-Werkzeugen wird ein Pausenknopf gezeichnet, der einfach aus zwei gefüllten Rechtecken besteht. Diese werden dann mit STRG-A oder Apfel-A ausgewählt und dann über das Einfügen-Menü in ein Symbol, Schaltfläche konvertiert.

Einmal angeklickt, lassen sich der neuen Schaltflächen im Aktionen-Fenster neue Aktionen hinzufügen: Bei Druck soll der Film zu Bild drei springen und dort anhalten. Der Quellcode kann entweder im Expertenmodus selbst eingefügt werden, oder über das Aktionen-Menü Filmsteuerung, goto zusammengestellt werden:

 on (press) {
    gotoAndStop(3);
    } 

Beim Zusammenstellen muss nachträglich noch “Gehe zu und stoppe” statt “Gehe zu und abspielen” gewählt werden.

Bild 2 enthält in der untersten Ebene ebenfalls einen Sprung-Befehl, der dem Schlüsselbild im Aktionen-Fenster ebenso hinzugefügt wird wie zuvor der Schaltfläche. Hier angelangt soll der Film einfach zurück zu Bild 1 springen und anhalten:

      gotoAndStop(1);

Das dritte und letzte Schlüsselbild braucht auf der “Button-Ebene” einen dreieckigen Abspielknopf, der wieder über das Einfügen-Menü in eine Schaltfläche gewandelt wird.

Der Code ist fast identisch zu dem des Pausenknopfs, allerdings wird statt zu Bild 3 zurück zu Bild 1 gesprungen, damit die Musik wieder gestartet wird.

      on (press) {
    gotoAndPlay(1);
    } 

Als letztes muss dem dritten Schlüsselbild der Soundebene noch ein Befehl zum Anhalten der Musik gegeben werden.

      stopAllSounds();

Dieser Befehl lässt sich ebenfalls über die Filmsteuerung im Aktionen-Menü schnell hinzufügen. Zur Verdeutlichung hilft das Diagramm, die Befehle den einzelnen Schlüsselbildern zuzuordnen.

Der fertige Flash-Film ist mit drei Bildern recht klein, besitzt aber bereits alles, um dem Besucher die Wahl zwischen Musik abspielen und Musik stoppen zu lassen.

.swf Datei 1 – .swf Datei 2

Weitere Beiträge:

• 5 Ideen wie Sie wiederkehrende Arbeitsschritte & Marketingprozesse gewinnbringend im Internet automatisieren! Ein Gastbeitrag von Robert Nabenhauer.
• Wachstum durch Facebook-Gewinnspiele: Wie Sie über Facebook virale Gewinnspiele & eine schnell wachsende Fangemeinde aufbauen
• Wie Sie aufmerksamkeitsstarke Prelaunch-, Launch- und Relaunch-Szenarien aufbauen und dabei Viralität, Spannung & Kaufkraft erzeugen
• Wie Sie waschechte Iphone-Apps mit PhoneGAP entwickeln, um am lukrativen App-Markt mitzumischen
• Wie Sie Ihr Shop-Sortiment so präsentieren, dass der Kunde in Zukunft mehr findet und eher kauft! Ein Gastbeitrag von Nicolas Schmidt-Voigt.
• 11 faszinierende BuddyPress-Plugins, um kostenlos aus WordPress ein soziales Netzwerk zu zaubern
• Die Vorboten einer neuen Internet-Industrie! Ein exklusiver Rückblick & Blick hinter die Kulissen der Clickbank-Exchange 2011 in New York.