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

  • Drupal 10 und Content Security Policy (CSP)
  • RSS-Feed von Dritten in Block auf der Frontpage zeigen
  • footnotes bei D10 und CKE5
  • Drupal10 erkennt php nicht korrekt
  • Export/Import der Einstellungen von Ansichten
  • Views und Entitäten
  • Update ctools:^3.14' +++ cannot be empty. in Drupal\Core\Database\Query\
  • Datentransfer zwischen zwei Servern nach Drupal-Update auf 8.9.1 [gelöst]
  • Nach Drupal-Update: Entity-Reference wird nicht mehr richtig gespeichert
  • D6 Views Data Export Multi Images -> D7
  • Problem bei der Gestaltung mit dem Safari-Browser
  • [gelöst] App zum Abfragen des Standorts - ansonsten Zugriff auf Drupal-Webseite
Weiter

Neue Kommentare

  • Aggregator
    vor 16 Stunden 43 Minuten
  • BTW, den "guten alten
    vor 17 Stunden 34 Minuten
  • php -v
    vor 17 Stunden 48 Minuten
  • Views exportieren ..
    vor 17 Stunden 58 Minuten
  • contextual filter
    vor 2 Tagen 1 Stunde
  • Vielleicht wird noch views_xml_backend benötigt
    vor 2 Tagen 20 Stunden
  • Vielen Dank für eure
    vor 3 Tagen 19 Stunden
  • PHP als Modul im Apache und
    vor 5 Tagen 51 Minuten
  • RSS in Views
    vor 5 Tagen 18 Stunden
  • Ergänzende Warnungen bezüglich Updates und Datenbank
    vor 6 Tagen 9 Minuten

Statistik

Beiträge im Forum: 248709
Registrierte User: 19809

Neue User:

  • xJuliusCaesar
  • Ivantrulk
  • eloft

» Alle User anzeigen

User nach Punkten sortiert:
wla9318
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 4 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