En HTML, nous pouvons intégrer du contenu audio et vidéo directement dans les pages web en utilisant respectivement les balises <audio> et <video>. Discutons d'abord de l'intégration audio :

Intégration Audio

La balise <audio> intègre du contenu audio dans un document HTML. Elle vous permet de lire des fichiers audio directement dans le navigateur.

Attributs Audio

• controls: Ajoute des contrôles audio standard, tels que lecture, pause et réglage du volume, au lecteur;
• autoplay: Spécifie si l'audio doit commencer à jouer automatiquement lorsque la page se charge;
• loop: Spécifie si l'audio doit se répéter en continu.

Exemple:

<audio controls autoplay loop>
  <!-- Some other tags -->
</audio>

Vous avez peut-être remarqué que nous avons seulement spécifié les caractéristiques du lecteur audio, mais nous n'avons pas mentionné d'où vient l'audio. Nous avons besoin de la balise <source>.

Source

La balise <source> est utilisée à l'intérieur de la balise <audio> pour spécifier l'URL du fichier audio et ses attributs. Nous pouvons utiliser l'attribut src pour spécifier l'URL du fichier audio et l'attribut type pour spécifier le type MIME du fichier audio.
Exemple:

<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>

Dans l'exemple ci-dessus :

• La balise <audio> inclut des attributs tels que controls, autoplay et loop ;
• Les balises <source> spécifient les URL sources des fichiers audio et leurs types MIME ;
• Si le navigateur ne prend pas en charge la balise <audio> ou les formats audio spécifiés, le texte alternatif Your browser does not support the audio element. est affiché.

Tutoriel Vidéo