HTML5 AudioPlayer - Website X5 Hilfe - Die Helpsite

Website hundertprozent CO2 neutral mit Host Europe
Direkt zum Seiteninhalt

Hauptmenü

HTML5 AudioPlayer

Scripte > Multimedia


Einfaches Einbinden von Audios mit HTML 5.

HTML5

Eines der spannenden und lang erwartete Features in HTML5 das <audio>Element, native Audio-Wiedergabe im Browser aktivieren.
Dieser Player wird
in fast allen gängigen Browser unterstützt, wie Firefox, Chrome, Safari und Opera, aber bald auch von Internet Explorer 9 verknüpft werden, der derzeit in der Beta-Phase ist.
Hinweis:
Vorher nahm Autopuffer einen Boolean-Wert, der angibt, ob die Datei im voraus gepuffert werden soll. Zurzeit machen Browser den Übergang vom Autopuffer, um so vorzuladen. Deshalb sollten beide Attribute vorläufig verwendet werden controls und autobuffer.
Da wie in den meisten Fällen die Browser verschiedene Audio-Formate benötigen, ist es zwangsläufig notwendig 3 Audioformate auf dem Webspace zu hinterlegen:

Firefox 3.6+:  

.ogg und .wav

Safari 5+:

.mp3 und .wav

Chrome 6+:

.ogg und .mp3

Opera 10.5+:

.ogg und .wav

Internet Explorer 9 (Beta):

.mp3 und .wav

 

Die wichtigsten Konfigurations-Parameter:
controls = Steuerung (Player-Skin)
autoplay = automatisch abspielen
autobuffer = Pufferung bei Audioaufruf
loop = Schleife (Wiederholung)

Button Download Script


 


Code für das HTML-Objekt:

<audio controls preload="auto" autobuffer>
<source src="media/files/demo-techno.mp3" />
<source src="media/files/demo-techno.ogg" />
<source src="media/files/demo-techno.wav" />
Ihr Browser ist nicht kompatible mit diesem HTML5 Audio.<br />
Der Internet Explorer soll in Zukunft unterstützt werden.

</audio>


 
Feedbacks zu ""

es gibt insgesamt 1 Kommentar(e)


  1. Hans-Jürgen Schulz schreibt am 13.01.2012, 10.57 Uhr

    so weit, so gut. Wie kann ich nun für ein Vokabelprogramm mehrere MP3-Dateien über einen Grafikbutton oder einen Link aufrufen und die gesprochenen Wörter versteckt (im Hintergrund) ablaufen lassen? Kann ich die Worte über Javascript auch ohne DOM über ein ID ändern und es läuft trotzdem in Firefox??? Gruß Hans-Jürgen


Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
 

© 2009 - 2012

Suche



  Besucher Statistik
 » 5 Online
 » 62 Heute
 » 608 Woche
 » 1691 Monat
 » 12263 Jahr
 » 26365 Gesamt
Rekord: 273 (24.04.2012)
Newsletter
Zurück zum Seiteninhalt | Zurück zum Hauptmenü