MP3 mit HTML5

 

 

 

 

 

 

Home 
Fotografien 
Zeichnungen 
Kangaroo 
Themen 
Kontakt 
Disclaimer 
Privat / Gast 

 

  
 Open Source

 

Verschiedenes 
Filme als FLV 
MP3 als FLV 
MP3 mit HTML5 
Youtube iframe 
Thunderbird Add-ons 
Kalender in Google 
Kontaktgruppen 
JS-Animationen 
DirSync 
Notfall-DVD 
CH Mail-Provider 
Thunder-Synchro 
Dropbox selektiv 
Outlook-Kontakte 

 

Grüezi!ThemenComputerMP3 mit HTML5
ZurückNach obenWeiter

MP3-Dateien mit HTML5 in Deine Homepage einbinden

MP3-Dateien mit HTML5 in Homepages einbinden

 

 

Folgender Code muss dazu in Homepage eingebettet werden:

<!DOCTYPE HTML>

<audio autoplay preload controls loop>
       <source src="http://www.deine-site.de/ordner/..../mp3/song.mp3">
       <source src="http://www.deine-site.de/ordner/..../mp3/song.ogg">
       Ihr Browser unterstützt dieses Audio-Format und HTML5 leider nicht.
</audio>

autoplay preload controls loop sollten selbsterklärend sein. Probier's aus, indem Du einen Befehl weglässt.

Es gibt 3 Formate für das Audio-Element. Leider "verstehen" nicht alle Browser MP3, so dass man die MP3-Dateien konvertiert zum Download anbieten muss. Die WAV-Dateien verstehen fast alle Browser, leider sind sie sehr gross, so dass sie kaum genutzt werden mit HTML5.

Format

IE9

Firefox3.5

Opera10.5

Chrome3.0

Safari3.0

OGG

Nein

Ja

Ja

Ja

Nein

MP3

Ja

Nein

Nein

Ja

Ja

WAV

Nein

Ja

Ja

Ja

Ja

 

FLV

 

Ja

 

Ja

 

Ja

 

Nein

 

Nein

FLV ist  kein Audio-Format, ich habe es hier trotzdem aufgeführt, weil die HTML5-Lösung den Vorteil hat, dass auch die mobilen Geräte mit Android-Betriebssystemen und die Mac-Welt diese verstehen.

Programme, um das MP3-Format ins Ogg-Format zu wandeln, findest Du hier . Mein Favorit ist der Freemake Audio Converter!

Freemake Audio Converter

So sieht der Player des Firefox aus (Bild-Muster):

Und so der vom Internet Explorer (Bild-Muster):

Viel Spass!