Impara Inserimento di File Audio in HTML

HTML consente di aggiungere audio direttamente a una pagina web utilizzando il tag <audio>.

Incorporamento di file audio

Il tag <audio> visualizza un lettore audio all'interno del browser.

Attributi utili per l'audio

controls: mostra riproduci, pausa, volume, ecc.;
autoplay: avvia la riproduzione automaticamente;
loop: ripete l'audio in modo continuo

<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Aggiunta della sorgente audio

Il tag <source> all'interno di <audio> indica al browser dove si trova il file audio e in quale formato è disponibile.

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

<audio> definisce il lettore e il suo comportamento;
<source> fornisce gli URL e i formati dei file audio;
Il testo alternativo appare se il browser non può riprodurre l'audio.

index.html

Nota

Formati audio comuni: MP3, Ogg, WAV. Utilizzare più di un formato aumenta la compatibilità tra browser.

1. Quale tag viene utilizzato per incorporare contenuti audio in un documento HTML?

2. Perché è consigliato fornire l'audio in più formati?

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 3

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain more about the different audio formats supported by browsers?

How do I add multiple audio sources for better compatibility?

What happens if the browser doesn't support the audio element?

Scorri per mostrare il menu