Audio.js è una comodissima libreria Js che permette l’utilizzo del tag HTML5 su qualsiasi browser (anche quelli più vecchi che non supportano HTML5).

Se il plugin rileva un browser compatibile con HTML5 fa partire il player con il tag <audio> altrimenti passa ad un player flash ”invisibile’  che permette comunque l’ascolto del file mp3.

Qualsiasi elemento è customizzabile tramite CSS a vostro piacimento.

E’ possibile saltare a qualsiasi parte del brano in riproduzione: basta cliccare col mouse sulla timeline al punto desiderato

Ho provato il plugin anche con iPad e iPhone e tutto funziona a dovere.

Come si usa?

1. Inserite  audio.js, player-graphics.gif e  audiojs.swf nella stessa cartella.

2. Includete il file audio.js nel vostro file :

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

3. Inizializzate audio.js:

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

4. Ora potete inserire il player ovunque vogliate nel vostro HTML scrivendo:

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

L’unico difetto (ma secondo me non lo è) è che il plugin non supporta file .ogg ma solo file .mp3.

Trovate maggiori info e il codice da scaricare qui

1 commento

Rispondi

This site uses Akismet to reduce spam. Learn how your comment data is processed.