Musik-Popup-Player in Drupal
Eingetragen von ViTok (149)am 12.10.2007 - 01:38 Uhr in
Tutorial für einen Musik-Popup-Player in Drupal
1. Module downloaden
Als erstes muss das Modul "Views" installiert sein und das Modul "Audio" muss auch installiert sein.
Dann sollte man ein paar "Audio-Seiten" erstellt haben und diese sollten auch funktionieren.
Anschließend downloadet man das Modul "Views Bonus" und installiert da den "Bonus: audio playlist".
Dann brauchst du noch den Flashplayer, denn kannst du hier runterladen: http://www.jeroenwijering.com/upload/flash_mp3_player_23.zip
Diese Datei entpackst du und kopierst den Ordner "flash_mp3_player" in den Ordner vom Modul "Audio".
2. View erstellen
Unter "Verwalten/Strukturierung/Views" gehst du auf "Add".
Als Name kannst du "audio_playlist" nehmen.
Unter dem Punkt "Seite" aktivierst du "Provide Page View" und als "URL" kannst du "playlist" nehmen.
Bei "View Type:" wählst du "Audio: Playlist" (Wenn der Punkt "Audio: Playlist" nicht vorhanden sein sollte, gehst du unter "Verwalten/Strukturierung/Views" und dann auf "Tools" und auf "Clear views cache") aus und als "Titel" kannst du "Audio-Playlist" nehmen.
Dann unter dem Punkt "Filter" fügst du den Filter "Node: Type" ein und bei diesem Filter wählst du bei "Wert" "Audio" aus.
Anschließend speicherst du den View.
Wenn du jetzt auf "www.deine-Seite.de/?q=playlist" gehst, dann müsste der Flashplayer mit deiner Musik angezeigt werden.
3. Neue Seite erstellen für den Player
Zuerst erstellst du eine neue Text-Datei in deinem Hauptordner von Drupal und bennenst die um in "musikplayer.html".
Dann gehst du auf "www.deine-Seite.de/?q=playlist" und gehst bei deinem Browser auf die Ansicht Quelltext anzeigen.
In dem Quelltext suchst du dann den Code für den Player, der müsste ungefähr so aussehen:
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
width="300"
height="200"
id="mp3player"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
>
<param
name="movie"
value="http://deine-Seite.de/sites/all/modules/audio/flash_mp3_player/mp3player.swf"
/>
<param
name="flashvars"
value="file=http%3A//deine-Seite.de/%3Fq%3Dplaylist%26playlist&config=http%3A//deine-Seite.de/sites/all/modules/audio/flash_mp3_player/config.xml"
/>
<embed
src="http://deine-Seite.de/sites/all/modules/audio/flash_mp3_player/mp3player.swf" width="300" height="200" name="mp3player"
flashvars="file=http%3A//deine-Seite.de/%3Fq%3Dplaylist%26playlist&config=http%3A//deine-Seite.de/sites/all/modules/audio/flash_mp3_player/config.xml"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>Diesen Code kopierst du und fügst den in deine "musikplayer.html" ein.
Jetzt hast du deine Seite wo der Player angezeigt wird.
4. Link zur Seite (Popup)
Dein Link kannst du in einer Seite oder einem Block anzeigen lassen.
Ich hab folgenden Code für den Link genommen (Bild als Link):
<a href="javascript:void(window.open('http://www.deine-Seite.de/musikplayer.html','','resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=317,height=300,left=340,top=300'))" title="Musik Player"><img width="200" height="45" src="webplayer.jpg" alt="" /></a>Wenn du einfach einen Text als Link haben möchtest, musst du einfach das <img width="200" height="45" src="webplayer.jpg" alt="" /> mit deinem Text ersetzen.
Jetzt müsste dein Popup-Musikplayer fertig sein. Ich hoffe ich konnt damit einigen helfen.
- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 4 Stunden 16 Minuten
vor 1 Tag 3 Stunden
vor 1 Tag 10 Stunden
vor 1 Tag 21 Stunden
vor 1 Tag 21 Stunden
vor 1 Tag 21 Stunden
vor 1 Tag 21 Stunden
vor 1 Tag 22 Stunden
vor 1 Tag 23 Stunden
vor 2 Tagen 49 Minuten