Applications Windows
Réduire la table des matières
Développer la table des matières
Informations
Le sujet que vous avez demandé est indiqué ci-dessous. Toutefois, ce sujet ne figure pas dans la bibliothèque.

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

RubriqueDescription

Prise en main de l’élément audio HTML5

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.

Utilisation de JavaScript pour contrôler l’objet audio

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.

Prise en charge de plusieurs formats de fichier audio

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 du projet WebM. Le tableau suivant présente les paramètres requis pour votre serveur Web afin d’héberger correctement ces fichiers.

Fichier multimédia à servirParamètre d’extensionParamètre du type MIME
Audio mp3mp3audio/mpeg
Audio mp4 m4aaudio/mp4
Audio WebMwebmaudio/webm
Vidéo mp4mp4vidéo/mp4
Vidéo webmwebmvidé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

 

 

Afficher:
© 2017 Microsoft