Hintergrundmusik - On/Off Button

masteroffer

Ich benötige eine Funktion mit der im Hintergrund Musik abgespielt wird. Diese sollte über einen Button der via CSS gestaltet wird abgestellt und auch wieder angeschaltet werden. Also quasi ein On Off Button.

Ich google jetzt schon seit zwei Tagen durchs Netz, konnte leider bisher keine Lösung die meinen Vorstellung entsprach finden.
Bisher hatte ich die Musik via:

PHP

<embed src="<?php bloginfo('template_url'); ?>/media/sample.mp3" width=0 height=0>

eingebunden, was nur eine Notlösung darstellen sollte.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

masteroffer

Hat keiner eine Lösung parat? ;)

Dan-cer

Ich hab dies hier:

Code

<!-- START SOUND CODE, DELETE TO REMOVE -->
<script type="text/javascript">
if (navigator.appName == "Microsoft Internet Explorer") {
document.write('<bgsound src="<xxx>.mp3" loop="true">');
}


else {
document.write('<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="MediaPlayer" src="<xxx>.mp3" autostart="true" showstatusbar="0" showcontrols="0" showdisplay="0" volume="1" height="1" width="1" loop="true">');
}
// End -->
</script>
<!-- END SOUND CODE -->

Alles anzeigen

Allerdings nicht auf meiner wordpress-seite, sondern einer anderen php-homepage...

masteroffer

Danke für dein Script. Habe es in den Header eingebaut, und die beiden
<xxx>.mp3 durch die Adresse meines Files ersetzt.

So weit so gut.

1. Die Musik wird leider nicht wiedergegeben...

Wie sieht dein CSS zu dem Script aus?

Dan-cer

In der css ist nichts zusätzliches drin. Deshalb heißt es im code ja "script".
Hast Du denn den Pfad richtig? Du mußt die Datei entweder ins selbe Verzeichnis packen wie die header.php, oder entsprechend den Pfad anpassen...

edit: Ich habs ausprobiert: Bei mir geht es, wenn ich die mp3 ins selbe VZ stecke wie die header.php
Dann aber im script in der header.php den Pfad: bei mir:
/wordpress/wp-content/themes/Garden_Dark/<xxx>.mp3

masteroffer

Danke, Musik wird jetzt abgespielt, ( Im Firefox, Opera und IE nur bei Google Chrome/Chromium bleibt die Seite stumm) Wie kann nun ein Button in das Theme eingebaut werden, der das Ab und Anschalten des Sounds ermöglicht?

Ist es Möglich das Script mit einem php Code einzuklammern, damit der Sound nur auf einer bestimmten Seite mit einer bestimmten ID abgespielt wird?

Dan-cer

Ich glaub schon, daß das alles möglich ist, aber da kenne ich mich nicht aus.Probiers vielleicht mal in anderen Foren, in denen es speziell um css oder userscripts geht.
Ich hab bezüglich meiner website (wie gesagt nicht die wordpress-Seite) sehr viel Hilfe im Opera-Forum (opera-info.de/forum) erhalten. Dort gibt es eine Rubrik "Homepagegestaltung".
Viel Erfolg!

edit: Ich hab mal in diesem Forum gesucht und einfach "scripts" eingegeben. Sofort fand ich diesen thread:
http://forum.wordpress-deutschland.org/design/81477-e…-einbinden.html

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrundmusik - On/Off Button

Jetzt mitmachen!