AudioJS: Player Audio Mp3 in HTML5 + Playlist

- Letture: 5.084

AudioJS è una librearia JavaScript con la quale grazie ai nuovi tag <audio> di HTML5 è possibile craere un player musicale.

Il player supporta fiel musicali in formato .Mp3 e qualora il tag audio non sia supportato entra in gioco una versione in tecnologia Flash.

Abbiamo la possibilità di vedere e apprezzare alcune demo in azione e leggere una dettagliata documentazione.

L’installazione è molto semplice e intuitiva, basta includere nella nostra pagina web audio.js, player-graphics.gif e audiojs.swf.

Integrare il file JavaScript in questo modo:

<script src="/audiojs/audio.js"></script>

Inizializzarlo in seguito come segue:

<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>

E infine è possibile usare il tag <audio> in una qualsiasi posizione della nostra pagina web.

<audio src="/mp3/juicy.mp3" preload="auto" />

Questo player mp3 è supportato su:

  • Mobile Safari (iOS 3+)
  • Safari (4+)
  • Chrome (7+)
  • Firefox (3+, w/ Flash)
  • Opera (10+, w/ Flash)
  • IE (6, 7, 8, w/ Flash)

Un’ottima soluzione per riprodurre in HTML5 audio in formato Mp3.

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

12 Commenti

  1. Ciao ragazzi
    vorrei sapere se è possibile utilizzare questo player su più pagine html ossia vorrei che la musica continuasse indipendentemente dalla navigazione sulle diverse pagine html del sito.
    Mi piacerebbe fare una cosa di questo genere: http://www.unippm.it/

  2. ciao, ottimo player, ma come posso creare un link per ogni traccia, usando l’esempio 5 di audiojs?

  3. L a domanda come usarlo su blogger cerco un player con playlist per blogger.

Commenti