English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Audio HTML5

HTML5 fornisce lo standard per la riproduzione di file audio.

Audio su Internet

Fino ad ora, non esiste uno standard specifico per la riproduzione di audio nelle pagine web.

Oggi, la maggior parte degli audio viene riprodotta tramite plugin (ad esempio Flash). Tuttavia, non tutti i browser dispongono degli stessi plugin.

HTML5 definisce lo standard per l'inserimento di elementi audio nelle pagine web, ovvero l'uso dell'elemento <audio>.

Supporto del browser

Internet Explorer 9+, Firefox, Opera, Chrome e Safari supportano l'elemento <audio>.

Attenzione: Internet Explorer 8 e versioni precedenti non supportano l'elemento <audio>.

Audio HTML5 - Come funziona

Per riprodurre audio in HTML5, è necessario utilizzare il seguente codice:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Manuale di Base (oldtoolbag.com)</title> 
</head>
<body>
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Il tuo browser non supporta l'elemento audio.
</audio>
</body>
</html>
Prova a vedere ‹/›

L'attributo control fornisce controlli di riproduzione, pausa e volume.

Tra<audio> e </audio> è necessario inserire il testo di avviso per gli elementi <audio> non supportati dal browser .

L'elemento <audio> permette l'uso di più elementi <source>. Gli elementi <source> possono linkare a diversi file audio, il browser utilizzerà il primo file audio supportato.

Formati audio e supporto del browser

Al momento, l'elemento <audio> supporta tre formati di file audio: MP3, Wav e Ogg:

BrowserMP3WavOgg
Internet Explorer 9+NONO
Chrome 6+
Firefox 3.6+
Safari 5+NO
Opera 10+

Tipi MIME di formato audio

FormatoMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

Tag Audio HTML5

TagDescrizione
<audio>Definisce il contenuto audio
<source>Definisce risorse multimediali, possono essere più di una, tra <video> e Utilizzo del tag <audio>