HTML5 ha introdotto un tag specifico per l’inserimento di file audio all’interno di una pagina web, l’elemento
Ecco una panoramica di come utilizzare il tag audio in HTML:
```
```
Nell’esempio precedente, viene creato un elemento audio con controlli di riproduzione. Sono forniti due formati di file audio (ogg e mp3), in modo da garantire la compatibilità con la maggior parte dei browser. Se il browser non supporta l’elemento audio, verrà mostrato il messaggio di testo “Il tuo browser non supporta l’elemento audio”.
Attributi dell’elemento audio:
- controls: questo attributo aggiunge i controlli di riproduzione, come play, pause e volume.
- src: l’URL del file audio.
- autoplay: questo attributo avvia la riproduzione del file audio non appena la pagina si carica (non raccomandato, poiché può essere fastidioso per gli utenti).
- loop: questo attributo fa ripartire l’audio dall’inizio, non appena è finito.
- muted: quest’attributo mette l’audio in modalità “muto”.
- preload: quest’attributo indica se il file audio dovrebbe essere caricato quando la pagina si carica. Può avere uno dei seguenti valori: “auto”, “metadata” o “none”.
IMPORTANTE: Non tutti i browser supportano tutti i formati di file audio. È quindi una buona pratica fornire il file audio in più formati. Inoltre, non tutti i browser supportano l’elemento audio di HTML5. In tali casi, è possibile fornire una alternativa di fallback, come un link per scaricare il file audio.
