Summary  
This chapter explains how to use the HTML <audio> element with nested <source> tags and attributes like controls, autoplay, and loop to embed audio files and provide fallback text.  

General domain of usage  
Multimedia websites

HTML permet d’ajouter de l’audio directement à une page web à l’aide de la balise `<audio>`.

## Intégration de fichiers audio
La balise `<audio>` affiche un lecteur audio dans le navigateur.

### Attributs audio utiles
- `controls` : affiche lecture, pause, volume, etc. ;
- `autoplay` : démarre la lecture automatiquement ;
- `loop` : répète l’audio en continu
```html
<audio controls autoplay loop>
  
</audio>
```

## Ajout de la source audio
La balise `<source>` à l’intérieur de `<audio>` indique au navigateur où se trouve le fichier audio et son format.
```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>
```



- `<audio>` définit le lecteur et son comportement ;
- `<source>` fournit les URL et formats des fichiers audio ;
- Le texte de repli s'affiche si le navigateur ne peut pas lire l'audio.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Formats audio courants : MP3, Ogg, WAV. Utiliser plusieurs formats améliore la compatibilité avec les navigateurs.

Remarque

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 bases du HTML pour créer des contenus web bien structurés et accessibles. Apprenez à organiser les documents à l'aide de balises, d'éléments et d'attributs. Travaillez efficacement avec le texte, les listes, les images, l'audio et la vidéo pour enrichir les pages web. Créez des tableaux pour organiser les données et des formulaires pour la saisie et l'interaction des utilisateurs. Découvrez le HTML sémantique afin d'améliorer l'accessibilité et de construire des structures de sites web complètes et fonctionnelles depuis zéro.

Obtenez une introduction au web et à HTML, y compris l'importance des balises, des éléments et des attributs. Découvrez la structure de base d'un document HTML et un aperçu de l'histoire du web.

Maîtrise des bases du balisage HTML, en mettant l'accent sur la mise en forme spéciale du texte et les listes, ainsi que sur leur importance dans la structuration du contenu d'un document HTML. Exploration des subtilités de la structure d'un document HTML tout en perfectionnant les techniques de balisage du texte.

Découvrez la puissance du contenu visuel et auditif en développement web en apprenant à intégrer de manière transparente des images, des vidéos et des éléments audio dans des documents HTML. Explorez les subtilités de l'intégration de différents formats multimédias.

Explorez les subtilités de la présentation des données et de l'interaction utilisateur grâce à une couverture complète des tableaux et des formulaires en HTML, incluant les structures de tableaux, la création de formulaires et les éléments de saisie. Acquérez une maîtrise de la mise en œuvre des éléments de saisie de formulaire et de l'utilisation des attributs pour une fonctionnalité améliorée.

Élevez vos compétences en HTML en explorant les éléments HTML sémantiques, vous permettant de créer un contenu web bien structuré et accessible. Commencez à construire votre premier site web en appliquant vos nouvelles connaissances pour concrétiser vos idées.

Intégration de Fichiers Audio en HTML

Intégration de fichiers audio

Attributs audio utiles

Ajout de la source audio

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 ?