Suchst du nach einem responsiven und touchfreundlichen Audio-Player? Mit dem jQuery-Plugin von Osvaldas Valutier kannst du das HTML5-Audio-Element mit etwas eigenem HTML-Code und einem Individuellen CSS-Stylesheet in einen zu deinem Design passenden Audio-Player umwandeln.

Der Player fungiert quasi als Aufsatz für den klassischen Audio-Player des Browsers, ist somit stylebar und kann responsive gestaltet werden. Das Einbinden des Players ist in wenigen Schritten erledigt.

<source src="audio.wav" />

<source src="audio.mp3" />

<source src="audio.ogg" />

</audio>

<script src="jquery.js"></script>

<script src="audioplayer.js"></script>

<script>

$( function()

{

$( 'audio' ).audioPlayer();

});

</script>

Der Responsive Audio Player bietet alle Funktionen des nativen Audio-Players, ist touchfreundlich, kommt ganz ohne Bilder aus und bringt insgesamt nur vier Kilobyte auf die Wage. Das Plugin funktioniert im Safari, Chrome, Firefox und Opera sowie im Internet Explorer 9 und 10. Auch auf iOS6, Androids Standard-Browser sowie dem Windows Phone 7 soll das Plugin reibungslos funktionieren.

Frühere Android-Versionen unterstützen das Plugin leider nicht, da sie sowohl das Audio- als auch das Embed-Element nicht verarbeiten können.

• Mozillas Turbo-Modul asm.js macht JavaScript deutlich schneller – t3n News
• Polychart.js: Interaktive Charts für den Browser – t3n News
• jQuery 2.0 erschienen: Kein Support mehr für alte Internet Explorer – t3n News
• Responsive Audio Player – Homepage