HTML5 fornisce uno standard per la riproduzione di file audio.
HTML5 audio è un argomento della specifica HTML5, incorporando ingresso audio, riproduzione, e la sintesi, così come il discorso al testo, nel browser.
Audio sul Web
Prima di HTML5, non vi era alcuna norma per la riproduzione di file audio su una pagina web.
Prima di HTML5, i file audio possono essere riprodotti solo con un plug-in (like flash) .
L'HTML5 <audio> elemento specifica un metodo standard per incorporare l'audio in una pagina web.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il <audio> elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Il codice HTML <audio> Element
Per riprodurre un file audio in HTML, utilizzare il <audio> elemento:
Esempio
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> Prova tu stesso " Il <audio> elemento rappresenta un suono, o di un flusso audio. E 'comunemente usato per riprodurre un singolo file audio all'interno di una pagina web, che mostra un widget GUI con comandi play / pausa / volume.
Il <audio> elemento ha questi attributi:
attributi globali (accesskey; classe; contenteditable; ContextMenu; dir; trascinabili; Dropzone; nascosta; id; lang; controllo ortografico; stile; tabIndex; titolo; tradurre)
autoplay = "autoplay" o "" (stringa vuota) o vuoto indica all'utente-Agent per avviare automaticamente la riproduzione del flusso audio non appena può farlo senza fermarsi.
preload = "none" o "metadati" o "auto" o "" (stringa vuota) o vuoto Rappresenta un suggerimento per l'User-Agent sul fatto che scaricano ottimistica del flusso audio in sé o la sua metadati è considerata utile.
"None": Suggerimenti per l'User-Agent che l'utente non si aspetta di bisogno del flusso audio, o che ridurre al minimo il traffico non necessario è auspicabile.
"Metadati": Suggerimenti per l'User-Agent che l'utente non si aspetta di bisogno del flusso audio, ma che il recupero relativi metadati (durata e così via) è auspicabile.
"Auto": Suggerimenti per l'User-Agent che ottimisticamente scaricare l'intero flusso audio è considerato desiderabile.
controlli = "controlli" o "" (stringa vuota) o vuoto indica all'utente-Agent per esporre un'interfaccia utente per il controllo della riproduzione del flusso audio.
loop = "loop" o "" (stringa vuota) o vuoto indica all'utente-Agent per cercare di nuovo al punto di partenza del flusso audio al raggiungimento della finale. MediaGroup = stringa incarica l'User-Agent per collegare più video e / o flussi audio insieme.
disattivato = "mute" o "" (stringa vuota) o vuoto rappresenta lo stato di default del flusso audio, potenzialmente sovrascrivendo preferenze dell'utente. src = non vuoto [URL] potenzialmente circondato da spazi L'URL del flusso audio.
HTML Audio - Come Funziona
I controls attribuiscono aggiunge comandi audio, come play, pausa, e il volume.
Testo tra il <audio> e </audio> tag verrà visualizzato nei browser che non supportano il <audio> elemento.
Molteplici <source> elementi possono collegare a diversi file audio. Il browser utilizza il primo formato riconosciuto.
HTML audio - Supporto per il browser
Attualmente, ci sono 3 formati di file supportati per la <audio> elemento: MP3, WAV, Ogg e:
| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
HTML Audio - Tipi di media
| Formato del file | Tipo di supporto |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML Audio - metodi, proprietà ed eventi
HTML5 definisce i metodi DOM, proprietà ed eventi per la <audio> elemento.
Questo consente di caricare, riprodurre e mettere in pausa audio, così come la durata set e volumi.
Ci sono anche eventi DOM che possono informa quando un audio inizia a suonare, è in pausa, ecc
Per un riferimento completo DOM, vai alla nostra HTML5 Audio / Video Reference del DOM .
Tag audio HTML5
| Etichetta | Descrizione |
|---|---|
| <audio> | Definisce contenuto sonoro |
| <source> | Definisce più risorse multimediali per elementi multimediali, come ad esempio <video> e <audio> |
HTML Audio - Web Speech API
L'API Web Speech mira a fornire un metodo di inserimento alternativa a applicazioni Web (senza utilizzare una tastiera). Con questa API, gli sviluppatori possono dare applicazioni web la possibilità di trascrivere la voce in testo, dal microfono del computer. L'audio registrato viene inviato ai server vocale per la trascrizione, dopo di che il testo viene digitato per l'utente. L'API per sé è agnostico dell'attuazione di riconoscimento vocale di base e in grado di supportare sia server in base nonché di riconoscimento embedded. Il gruppo Incubatore Speech HTML ha proposto l'implementazione di tecnologia audio-speech nei browser sotto forma di API uniforme, cross-platform. L'API contiene sia:
- Speech API di input
- Text to Speech API