Musikplayer bei Seitenwechsel nicht neu laden

[Magic94]

Hallo,

ich habe ein alt bekanntes Problem. Es geht sich darum, dass auf meiner Seite Musik abgespielt werden soll und diese auch über den Seitenwechsel hinaus weiterlaufen soll.
Um jetzt Antworten wie "Musik auf Webseiten ist nervig" zu vermeiden: Ich erstelle gerade eine Seite, wo man seine Schallplatten katalogisieren kann und mit einer Audiodatei versehen kann. Screenshot im Anhang.

Es handelt sich auch nur um ein Dokument. Beim Klick auf eine Platte öffnet sich die Tracklist (Seite wird mit neuen Parametern neu geladen). Beim klick auf einen Track erscheint dieser im Player. Klickt man dann auf Play ist das gewählte Lied zu hören. Sucht man sich jetzt allerdings eine andere Platte aus, so bricht die Musik schon beim klick auf die neue Platte ab (Seite wird ja neu geladen).

Momentan ist der Player mit einem Audio-tag realisiert.

<audio id="player" src="vim-content/audio/<?php echo $track_url; ?>"></audio>
                    <button class="player_bwdfwd" style="background: url(vim-content/player/back-t.png) 0 0 no-repeat"; onclick="document.getElementById('player').play()"></button>

Ich bin offen für neues. Nur bitte kein Ajax und keine Frames.

 

[Tronjer]

Sucht man sich jetzt allerdings eine andere Platte aus, so bricht die Musik schon beim klick auf die neue Platte ab (Seite wird ja neu geladen).

Den Fehler hast du schon erkannt.

Anstatt die Seite neu zu laden, musst du neuen Content in die aktuelle Seite laden, bzw. dein Formular per Ajax absenden.

 

[Magic94]

Danke schonmal für die Antwort. Leider habe ich sowohl von AJAX als auch von jQuery nahezu keine Ahnung. Ich google mir hier schon einen Wolf, finde aber keine Lösung die genau passt. Und leider kann ich das nicht umbauen. Ich bräuchte eine Funktion die bei einem Klick auf ein DIV dann eine php datei neu lädt und in den Content einfügt.

Wäre ziemlich nett wenn das jemand anfertigen könnte :)

PS: http://www.tfonfara.de/ajax-seiteninhalt-laufend-aktualisieren-jquery.xhtml

Aber das aktualisiert alle 1000ms. Ich brauche das ja als onclick

 

[Tronjer]

Wäre ziemlich nett wenn das jemand anfertigen könnte

Naja, da gibt es zwei Möglichkeiten. Entweder arbeitest du dich in die Materie ein oder stellst das als Auftrag in die Jobbörse. Trading time for money.