Musikeinbindung bei Webdisgner 6.0

nickwernick schrieb am 26.08.2010 um 12:31 Uhr

Wenn ich beim Webdisigner 6.0 auf einer Seite ein Objekt (Schaltfläche) mit einem MP3 file verlinke,

und dann in der Webseitenvorschau dieses Objekt anklicke, dann geht immer eine Extraseite mit dem Quicktimeplayer maximiert auf.Wie kann der Quicktimeplayer auf ein kleines Mass reduziert werden? Muss er denn immer sichtbar sein, oder reicht es nicht die angeklickte Musik nur zu hören und beim erneuten Anklicken wieder stoppen zu können? Das Ganze natürlich bei vielen Schaltflächen, welche mit den unterschiedlichsten MP3-Songs verlinkt werden. Warum findet man in der Gesammten Bedienungsanleitung

des Webdisigners 6.0 nicht einen Hinweis zum Einbinden (verlinken) mit Musikdateien?

Danke für Eure Lesegeduld! Gruß Nick.

Kommentare

FM_1_2 schrieb am 07.09.2010 um 15:16 Uhr

Um Audio-Dateien einbinden zu können, benötigen Sie externe Player. Diese liegen meist als Flash-Objekte vor. Die Seite premiumbeat.com bietet solche Player zum Beispiel an.

Ich habe es hier beispielhaft mit dem Single Track Flash mp3 Player nachvollzogen, es kann bei einem anderen Beispiel vorkommen das Sie andere Schritte vornehmen müssen, im Prinzip ist es aber das gleiche Vorgehen.

1. Gehen Sie auf die folgende Seite und wählen Sie einen der Flash Player aus:

http://www.premiumbeat.com/flash_resources/free_flash_music_player/

2. Klicken Sie hier nun auf Instructions & Download (Hier sehen Sie eine Anleitung zur Installation)
3. Laden Sie unter 1. das Archiv herunter und entpacken Sie es auf Ihre Festplatte
4. Sie finden in diesem Archiv eine html Datei, öffnen Sie diese bitte mit einem Editor (z.B. dem Windows Texteditor)
5. In dieser Datei befindet sich ein Textblock der zwischen   diesen Textblock benötigen wir gleich
6. Öffnen Sie Ihr Xtreme Web Designer 5 Projekt und erstellen Sie ein Rechteck an der Stelle an der Sie den Player plazieren möchten
7. Klicken Sie mit der rechten Maustaste auf das Rechteck und wählen Sie Web-Einstellungen
8. Wechseln Sie hier in den Reiter Platzhalter und wählen Sie anschließend "Mit HTML-Code ersetzen" aus
9. Kopieren Sie nun den Textblock aus Punkt 5. hier hinein
10. Ersetzen Sie in dem Quellcode noch "song.mp3" mit den Namen Ihrer abzuspielenden Datei
11. Wenn Sie nun die Webseite exportieren müssen Sie darauf achten das sich im dem Ordner in den Sie die Seite exportieren auch alle Dateien aus dem heruntergeladenen Paket (Punkt 3) und Ihr Musikstück befinden
12. Wenn Sie nun Ihre Webseite öffnen können Sie Ihren MP3 Titel abspielen

Die Vorschau wird den Player wohlmöglich nicht anzeigen. Die generierte Seite liegt in einem temporären Ordner Ihres PCs. In diesem Ordner fehlen die Player-Dateien.

Beim Export müsste aber der Player spielen. Exportieren Sie einmal Ihre Seite in einen neu erstellten Ordner. In diesen Ordner müssen Sie dann auch noch die Dateien aus der herunter geladenen Player-Zip hinein. Zum Beispiel bei playerSinglePackage sind das swfobject.js, playerSingle.swf und Song.mp3. Song.mp3 ist das Song für den Player. Wenn Sie diese ersetzen, müssen Sie Ihren Platzhalter-Code anpassen, d.h. Sie ändern dort
so.addVariable("soundPath", "song.mp3"); in
so.addVariable("soundPath", "mein_eigener_song.mp3");
Vermeiden Sie Leerzeichen bei Dateinamen. Sie können auch einen Ordner für Ihre MP3s anlegen, dann müssen Sie angeben so.addVariable("soundPath", "MP3/mein_eigener_song.mp3"); wenn der Ordner "MP3" heißt.

Aus dem Export-Ordner heraus müsste der Player laufen. Bei Veröffentlichen müssen dann auch die Player Dateien mit übertragen werden. Der Webdesigner überträgt die Player-Dateien nicht mit, nutzen Sie hier bitte ein FTP-Programm wie z.B. FileZilla.