Speakker es una nueva solución a la hora de implementar la etiqueta HTML5 audio, que a diferencia de otras alternativas similares, permite una mayor compatibilidad cruzada entre los distintos navegadores del mercado.
Este fantástico recurso evalúa distintas variables a la hora de funcionar, por un lado detecta el navegador desde donde se ejecuta, mostrando según sea el resultado una alternativa funcional, de esta manera podemos utilizarlo de forma muy simple en los navegadores que aún no soportan la etiqueta HTML5 audio.
Ejemplo de uso:
<audio>
<source src='./sound/' type="application/jsonp"/>
</audio>
<script type="text/javascript">
$(document).ready(function() {
$projekktor('.speakker dark', {
plugin_share: {
links: {
'download':{
buttonText: 'download',
code: './sound/?dl=true'
},
'lastfm':{
buttonText: 'lastfm',
code: 'http://www.lastfm.de/music/paniq'
},
'wikipedia':{
buttonText: 'wikipedia',
code: 'http://de.wikipedia.org/wiki/Elektronisch'
},
'admin':{
buttonText: 'admin',
code: false
}
}
});
});
</script>
Los requerimientos son muy básicos, necesitamos simplemente tener jQuery en su versión 1.4.2 o superior, y enlazar todos los archivos que obtenemos al descargar este interesante proyecto.