Speakker - Un lecteur audio HTML5 avancé avec rétro-compatibilité

Speakker est un lecteur audio complet utilisant la balise HTML5 audio avec rétro-compatibilité en Flash pour les navigateurs ne supportant pas la technologie.

Créé par les concepteur du player video HTML5 projekktor, Speakker est sans doute l'un des lecteurs audio les plus aboutis basés sur la balise audio HTML5.

Personnalisable à souhait, vous aurez le choix entre 2 principaux thèmes pré-conçus, ou un thème perso.

On y retrouve tous les contrôles classiques d'un lecteur audio:

• Lecture / pause
• Gestion du volume
• Suivant / précédent
• Playlist
• Progress bar d'avancement du morceau
• Lecture continue
• Thumb album
• ...

Mais aussi des fonctions plus sociales avec le partage twitter / facebook optionnelles ou des infos sur les artistes...

Il existe 2 formats du lecteur, soit en format large comme les images ci-dessus ou au format widget comme ceci:

Côté utilisation du script, c'est très simple, un bout de code jQuery suffit à faire fonctionner le player:

$('.speakkerSmall').speakker({
    file: 'http://url/toyour/music.mp3',
    title: 'one single MP3',
    theme: 'light',
    poster: 'cover.jpg'
});

et pour le widget complet:

$(document).ready(function() {
    $().speakker({
        file: 'http://www.speakker.com/opentape/code/projekktor.php',
        playlist: true,
        theme: 'light',
        admin: 'http://www.speakker.com/opentape/code/login.php',
        lastfm: 'http://www.lastfm.de/music/paniq'
    });
});

Un lecteur intéressant et complet, mais un peu gourmant en CPU (chez moi).

Qu'en pensez-vous ?

Site Officiel