Hintergrundmusik richtig einbinden
von http://webdesign.weisshart.de


Version 3.00.00

Mit jeglicher Verwendung des Scripts anerkennen Sie folgende Bedingungen:

Für evl. auftretende Schäden, die durch die Verwendung dieses Scripts entstehen,
kann webdesign weisshart nicht haftbar gemacht werden.
Die Benutzung erfolgt auf eigene Gefahr des Anwenders.

Dank an http://www.mp3-gema-frei.de/ für die Demo-mp3 Datei

Changelog:
Version 3.00.00 basiert jetzt auf HTML5 audio. Flash ist nicht mehr erforderlich. Damit werden jetzt auch iOS und Android unterstützt.


#############################################

Voraussetzungen serverseitig:
Der Server muss PHP ab Version 4.3.0 unterstützen.
Eine Datenbank ist nicht erforderlich.



Installation:

1. zip entpacken

2. alles uploaden, und zwar in den Ordner /bgb
   Dieser Ordner MUSS ein Unterordner des Ordners sein, in dem die Seiten stehen, die Hintergrundmusik erhalten sollen.
   
3. In die Dateien, die mit Hintergrundmusik ausgestattet werden sollen, folgenden Code einfügen:
   <?php include 'bgb/bgb_inc.php'; ?>
   und zwar an die Stelle, wo der Button gezeigt werden soll.
   (Damit das include funktioniert, muss natürlich die Seite, in die der Code eingefügt wird, selbst eine php-Datei sein.)

   
Anpassungen:

Natürlich willst du deine eigene Musik als Hintergrundmusik anbieten.
Dazu muss deine Musik als .mp3 Datei vorliegen.
Die .mp3 Datei muss unter dem Namen bgsound.mp3 abgespeichert werden.


Die Play- und Stop-Buttons kannst du durch folgendes CSS anpassen.
Dieses CSS muss in den Head-Bereich deiner Seite eingebunden werden.

<style>
	#play {border: 1px solid #aaa; border-radius: 2em; background: #fff; margin: 1em;}
	#play a{
	border:0 !important;
	margin: 1em !important; 
	outline: none;
	color:#555;
	}
	#play:focus, #play a:focus, #play:hover, #play a:hover {background: #ccc;}
</style>