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**:
```html
<audio controls autoplay loop>
  
</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.
<br>**Exemple**:
```html
<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 ;
- <u>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é.</u>


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Quelle balise est utilisée pour intégrer du contenu audio dans un document HTML ?

Pourquoi est-il recommandé de fournir l'audio dans plusieurs formats ?

Maîtrisez les fondamentaux de HTML. Explorez tout, de la compréhension du web aux sujets avancés de HTML comme les listes, les liens, les images, l'intégration de médias, les tableaux, les formulaires, et le HTML sémantique, et construisez votre premier site web.

Obtenez une introduction au web et à HTML, y compris l'importance des balises, des éléments et des attributs. Apprenez la structure de base d'un document HTML et l'histoire brève du web.

Maîtrisez les éléments essentiels du balisage HTML, en vous concentrant sur le formatage de texte spécial et les listes, en comprenant leur importance dans la structuration du contenu au sein d'un document HTML. Plongez dans les subtilités de la structure des documents HTML tout en affinant les techniques de balisage de texte.

Débloquez la puissance du contenu visuel et auditif dans le développement web en apprenant à intégrer de manière transparente des images, des vidéos et des éléments audio dans les documents HTML. Explorez les nuances de l'incorporation de divers formats de médias.

Naviguez dans les complexités de la présentation des données et de l'interaction utilisateur avec une couverture complète des tableaux et formulaires en HTML, englobant les structures de tableaux, la création de formulaires et les éléments d'entrée. Acquérez de la compétence dans la mise en œuvre des éléments d'entrée de formulaire et l'utilisation des attributs pour une fonctionnalité améliorée.

Élevez vos compétences en HTML au niveau supérieur en explorant les éléments HTML sémantiques, vous permettant de créer un contenu web bien structuré et accessible. Lancez-vous dans la création de votre premier site web, en appliquant vos nouvelles connaissances pour donner vie à vos idées.

Essentiels HTML

Audio

Intégration Audio

Attributs Audio

Source

Tutoriel Vidéo

1. Quelle balise est utilisée pour intégrer du contenu audio dans un document HTML ?

2. Pourquoi est-il recommandé de fournir l'audio dans plusieurs formats ?