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 - 01: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

  • Notificationsnicht immer und gesammelt bei Update
  • Meldung zu Token im Statusbericht
  • Modulupdate per Webinterace scheitert an authorize.php und access denied für Admin-User
  • Fehlermeldung: Deprecated function
  • Warning: call_user_func() expects parameter 1 to be a valid callback, class 'Drupal\node\Entity\Node' does not have a method 'ge
  • Versenden von Anfragen per Webform
  • Goodbye Online Drupal Meetup Germany - Hello Drupal DACH Online Meetup!
  • Übersetzte Felder bei Inhaltstyp automatisch übernehmen
  • Content Ex-/Import
  • RESTful Path request will nicht
  • Wer ist online Block
  • Doppelte Anzeige von Node im View
Weiter

Neue Kommentare

  • Self-referencing
    vor 15 Stunden 39 Minuten
  • settings.php
    vor 16 Stunden 15 Minuten
  • Kulturmensch schrieb Prima
    vor 17 Stunden 11 Minuten
  • Metatag
    vor 17 Stunden 22 Minuten
  • Links
    vor 16 Stunden 40 Minuten
  • Wenn Du nach der
    vor 18 Stunden 26 Minuten
  • Gut zu wissen. Demnächst
    vor 1 Tag 10 Stunden
  • Token Fehler behoben
    vor 1 Tag 11 Stunden
  • Du hast völlig recht, da habe
    vor 1 Tag 16 Stunden
  • Link 404
    vor 1 Tag 19 Stunden

Statistik

Beiträge im Forum: 245975
Registrierte User: 18827

Neue User:

  • finnster
  • Damian1802
  • MrWebMV

» Alle User anzeigen

User nach Punkten sortiert:
wla9010
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3916
ronald3829
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 6 Gäste online.

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