Comment utiliser HTML5 pour ajouter un lecteur audio à votre page Web
Grâce à HTML5, vous pouvez ajouter un lecteur de musique à votre page Web sans recourir à un module complémentaire ou plug-in tiers.
Vous pouvez exploiter les informations reprises dans les rubriques suivantes pour ajouter à vos propres pages Web un lecteur audio s’apparentant au lecteur d’Internet Explorer Test Drive HTML5 Audio Player + XML Playlist.
Dans cette section
| Rubrique | Description |
|---|---|
|
Vous pouvez utiliser l’élément audio pour ajouter un lecteur audio de base à votre page Web sans contrôles de script ou de modules complémentaires. | |
|
L’objet audio dans HTML5 propose des méthodes, des propriétés et des événements auxquels vous pouvez recourir pour contrôler la lecture à partir de JavaScript. | |
|
Utilisation des événements multimédias pour ajouter une barre de progression |
L’objet media offre un grand choix d’événements que l’objet audio peut utiliser. Avec un groupe d’événements, vous pouvez obtenir des données d’état pouvant servir à suivre la progression d’un fichier audio en cours de lecture. |
|
En utilisant l’élément ou objet audio pour prendre en charge plusieurs formats audio, vous pouvez gérer davantage d’écouteurs de navigateurs différents sur votre page Web. |
Présentation de l’élément <audio>
L’élément HTML5 audio offre un objet auquel un script peut être appliqué, capable de reproduire des fichiers audio sans complément ou plug-in. Sous sa forme la plus simple, une seule balise et deux attributs fournissent à vos utilisateurs un lecteur sur une page Web. En utilisant JavaScript, vous pouvez gérer l’objet audio et attribuer des événements pour fournir un éventail complet de fonctionnalités de contrôle et de suivi.
L’élément HTML5 audio partage des méthodes et propriétés multimédias avec l’élément video HTML5. Il est ainsi possible que votre code appliqué à des éléments tels que le suivi de la progression, le chargement de fichier ou la lecture et la recherche soit interchangeable. En plus des méthodes et des propriétés, comme pour la plupart des objets JavaScript, de nombreux événements peuvent être inscrits pour simplifier votre code. Pour plus d’informations sur ces événements, reportez-vous aux rubriques situées plus loin dans cette section.
Diffusion de contenu audio et vidéo
Depuis Windows Internet Explorer 9, tout contenu audio ou vidéo nécessite le bon type MIME défini sur le serveur, sans quoi les fichiers sont illisibles. Internet Explorer 9 prend en charge l’audio MP3 ainsi que l’audio et la vidéo MP4. Il est possible de prendre en charge les fichiers audio et vidéo WebM en installant les composants WebM à partir du site de The WebM project. Le tableau suivant présente les paramètres requis pour votre serveur Web afin d’héberger correctement ces fichiers.
| Fichier multimédia à servir | Paramètre d’extension | Paramètre du type MIME |
|---|---|---|
| Audio mp3 | mp3 | audio/mpeg |
| Audio mp4 | m4a | audio/mp4 |
| Audio WebM | webm | audio/webm |
| Vidéo mp4 | mp4 | vidéo/mp4 |
| Vidéo webm | webm | vidéo/webm |
Rubriques associées
- Prise en main de l’élément audio HTML5
- Utilisation de JavaScript pour contrôler l’objet audio
- Utilisation des événements multimédias pour ajouter une barre de progression
- Éléments audio et vidéo HTML5
