Audio HTML

Les sons peuvent être joués de différentes manières en HTML

Problèmes et solutions

La lecture audio en HTML n'est pas facile !

Vous devez connaître de nombreuses astuces pour vous assurer que vos fichiers audio fonctionnent dans tous les navigateurs (Internet Explorer, Chrome, Firefox, Safari, Opera) et sur tous les matériels (PC, Mac, iPad, iPhone) Jouer .

Dans ce chapitre, W3CSchool résume pour vous les problèmes et les solutions.

Utilisation de plug-ins

Un plug-in de navigateur est un petit programme informatique qui étend les fonctionnalités standard de votre navigateur.

Des plug-ins peuvent être ajoutés aux pages à l'aide de la balise

Ces balises définissent des conteneurs pour les ressources (généralement des ressources non HTML). Selon leur type, ils seront affichés par le navigateur, mais également par des plug-ins externes.

Utilisez la balise élément

pour définir un conteneur pour le contenu externe (non HTML). (Il s'agit d'une balise HTML5, illégale en HTML4, mais valable dans tous les navigateurs).

L'extrait de code suivant affiche un fichier MP3 intégré dans une page Web :

  php中文网(php.cn) 如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。

Problème : La balise

• n'est pas valide en HTML 4. La page échoue à la validation HTML 4.

• Différents navigateurs prennent en charge différemment les formats audio.

• Si le navigateur ne prend pas en charge le format de fichier, l'audio ne peut pas être lu sans plug-in.

• Si le plug-in n'est pas installé sur l'ordinateur de l'utilisateur, l'audio ne peut pas être lu.

• Si vous convertissez le fichier dans d'autres formats, il ne peut toujours pas être lu dans tous les navigateurs.

En utilisant l'élément

L'extrait de code suivant affiche un fichier MP3 intégré dans une page Web :

  php中文网(php.cn) 如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。

Problème :

• Différents navigateurs prennent en charge différemment les formats audio.

• Si le navigateur ne prend pas en charge le format de fichier, l'audio ne peut pas être lu sans plug-in.

• Si le plug-in n'est pas installé sur l'ordinateur de l'utilisateur, l'audio ne peut pas être lu.

• Si vous convertissez le fichier dans d'autres formats, il ne peut toujours pas être lu dans tous les navigateurs.

Utilisation de l'élément HTML5

HTML5

L'

Ci-dessous, nous utiliserons la balise

  php中文网(php.cn)       您的浏览器不支持该音频格式。

Problème : La balise

• Vous devez convertir le fichier audio dans un format différent. L'élément

La meilleure solution HTML

L'exemple ci-dessous utilise deux formats audio différents. L'élément HTML5

  php中文网(php.cn)

Problème :

• Vous devez convertir l'audio dans un format différent. L'élément

• ne peut pas revenir en arrière pour afficher un message d'erreur.

Yahoo Media Player - Un moyen simple d'ajouter de l'audio à votre site Web

L'utilisation de Yahoo Media Player est gratuite. Pour l'utiliser, vous devez insérer ce JavaScript en bas de la page Web :

Yahoo Player peut lire les MP3 et divers autres formats. Vous ajoutez simplement une ligne de code à votre page ou Vous pouvez facilement créer votre page HTML dans un blog Playlist professionnelle :

  php中文网(php.cn) Play mp3Play wav