Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Tipps & Tricks ›

Musik-Popup-Player in Drupal

Eingetragen von ViTok (149)
am 12.10.2007 - 02:38 Uhr in
  • Tipps & Tricks
  • Drupal 5.x

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.

‹ Youtube Thumbnails Drupal theming e-book ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Image Alt unD Image Titel
  • Probleme mit der darstellun der ogg:image Tags.
  • Drupal-Forks und ihre Schwächen/Stärken
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • Lokale Entwicklungsumgebung auf Windows
  • [gelöst]Abhängigkeiten zweier oder mehrerer Inhaltstypen
  • Drupalcenter tot?
  • Was kann ich gegen ständige Blutergüsse tun?
  • Mir gefällt die Drupal Symfony und deren Composer
  • Mir ist da was aufgefallen ;)
  • Matomo Installation
  • Verständnisfrage private_files in Drupal
Weiter

Neue Kommentare

  • Also bei mir bleibt da nix
    vor 8 Stunden 52 Minuten
  • Auch wenn deine Antwort nun
    vor 9 Stunden 57 Minuten
  • ich verwende 10.5.1
    vor 1 Tag 5 Stunden
  • sorry *g* vor lauter lauter
    vor 1 Tag 5 Stunden
  • Also der Token gehört schon
    vor 1 Tag 6 Stunden
  • nur die Erstinstallation
    vor 1 Tag 6 Stunden
  • Hm... Ich habe jetzt mal den
    vor 1 Tag 6 Stunden
  • Nicht nur Sicherheit, sondern auch Integrität Daten wichtig
    vor 1 Tag 7 Stunden
  • Ach was dass funktioniert
    vor 1 Tag 8 Stunden
  • Danke für die ausführliche
    vor 1 Tag 10 Stunden

Statistik

Beiträge im Forum: 250060
Registrierte User: 20367

Neue User:

  • Aspenflum
  • LilliNELP
  • Wavermype

» Alle User anzeigen

User nach Punkten sortiert:
wla9456
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3855
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 1 Benutzer und 4 Gäste online.

Benutzer online

  • dinmikkith

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association