Audio con player in html5 senza javascript.
Vediamo come inserire un tag riconosciuto da tutti i browser compatibili con html5 (chrome, safari, firefox) che consenta di suonare un file audio mostrando il player di default del 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
