jPlayer è un plug-in per jQuery che consente di:

• suonare ed avere pieno controllo dei file audio nella tua pagina web.
• creare e disegnare un player audio soltanto con HTML e CSS
• aggiungere effeti sonori ai tuoi progetti jQuery
• utilizzare le caratteristiche di streaming veloci di HTML5in mp3 e ogg.

Tutto questo è ottenuto con HTML5 in mp3 e ogg dove disponibile, e in mp3 con un player Flash invisibile per gli altri browser.

Per prima cosa ricordiamoci di rendere disponibili sul server due versioni del file audio: in formato mp3 ed ogg.
(Vedi anche: Convertire mp3 in ogg vorbis)

Poi dove ci serve nella pagina inseriamo il seguente Tag audio:

1
2
3
4
5

 <audio controls="true" autobuffer="true">
            <source src="music/esempio.mp3" type="audio/mpeg">
            <source src="music/esempio.ogg" type="audio/ogg">
 Questo browser non supporta html5 audio.
 </audio>

Usate i path corretti per i vostri file audio e vedrete un risultato simile a questo:

Il brano è una mia creazione con garageband quindi tappatevi le orecchie prima di premere play

Ultimamente il formato OGG è tornato alla ribalta, un pò per la crociata di Richard Stallman contro i formati musicali proprietari, un pò per via dell’implementazione dell’html5 audio usata da Firefox che è in grado appunto di riprodurre i file OGG senza ausilio di plugin esterni.

L’implementazione del tag AUDIO e della api javascript Audio() varia però molto da browser a browser, in Internet Explorer è assente, Safari è in grado di riprodurre mp3 e wav (e in realtà qualsiasi formato audio di QT), Chrome OGG ed mp3, Firefox OGG e wav, Opera per il momento soltanto wav.

Se volessimo per esempio mettere nel nostro sito una musica di sfondo in mp3 la sentirebbero soltanto alcuni utenti, se la mettessimo in OGG solo alcuni altri etc.

La soluzione sarà evidentemente quella di “sniffare” il browser e fornire il formato corretto.

Per adesso vediamo come convertire un file mp3 in ogg su un linux debian, in un articolo successivo esamineremo i tag e le api audio di html5.

Nella nostra shell digitiamo:

sudo apt-get install mp32ogg

Confermiamo e lasciamo che apt-get installi tutte le dipendenze e i file necessari.

Appena finito possiamo convertire da mp3 a ogg singoli files o intere directory (ricorsivamente)

La sintassi ce la spiega lo stesso comando:

mp32ogg --help
 
mp32ogg v0.11
(c) 2000-2002 Nathan Walp
Released without warranty under the terms of the Artistic License
 
Usage: /usr/bin/mp32ogg [options] dir1 dir2 file1 file2 ...
 
Options:
--quality=[-1..10]       Set Ogg/Vorbis quality level
                         Defaults to bitrate of original .mp3
--delete                 Delete files after converting
--rename=format          Instead of simply replacing the .mp3 with
                         .ogg for the output file, produce output 
                         filenames in this format, replacing %a, %t
                         and %l with artist, title, and album name
                         for the track
--lowercase              Force lowercase filenames when using --rename
--verbose                Verbose output
--preserve-timestamp     Preserve file timestamp
--help                   Display this help message

Credo non ci sia da aggiungere altro ma se avete bisogno di chiarimenti, commentate.