Sie sind auf Seite 1von 2

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>