Incorporazione Audio

Puoi utilizzare l'elemento <audio> per includere file audio su una pagina web. Consideriamo un esempio:

In questo esempio:

• L'elemento <audio> contiene un elemento <source>, che specifica l'URL e il tipo di file dell'audio. I formati comunemente supportati sono MP3 e OGG;

• L'attributo controls visualizza i controlli di riproduzione standard come play, pausa e volume;

• Se il browser dell'utente non supporta l'elemento audio, verrà visualizzato un messaggio di fallback.

Gli attributi aggiuntivi comunemente usati con l'elemento audio HTML includono:

• autoplay: avvia la riproduzione del file audio non appena la pagina viene caricata;

• loop: fa sì che il file audio si ripeta continuamente;

• muted: disattiva l'audio per impostazione predefinita;

• volume: specifica il livello di volume predefinito per il file audio, variando da 0.0 (silenzioso) a 1.0 (volume massimo).

Ecco un esempio che dimostra l'uso di tutti questi attributi:

Incorporazione di Video

Puoi incorporare file video su una pagina web utilizzando l'elemento <video>. Considera il seguente esempio:

In questo esempio:

• L'elemento <video> contiene un elemento <source>, che specifica l'URL e il tipo di file del video. I formati comunemente supportati sono WebM, MP4 e OGG;

• L'attributo controls visualizza i controlli di riproduzione standard;

• Se il browser dell'utente non supporta l'elemento video, verrà visualizzato un messaggio di fallback.

Gli attributi comunemente usati per l'elemento video HTML includono:

• autoplay: avvia la riproduzione del file video non appena la pagina viene caricata;

• loop: fa sì che il file video si ripeta continuamente;

• muted: disattiva l'audio per impostazione predefinita;

• volume: specifica il livello di volume predefinito per il file audio, variando da 0.0 (silenzioso) a 1.0 (volume massimo);

• poster: specifica l'URL di un'immagine da visualizzare come miniatura del video prima che il video venga riprodotto;

• width e height: specifica la larghezza e l'altezza del lettore video in pixel.

Ecco un esempio che dimostra l'uso di tutti questi attributi:

Nota

Inoltre, ci sono molte librerie JavaScript e API disponibili che forniscono funzionalità aggiuntive per la riproduzione e la manipolazione di contenuti video sul web.