Audio HTML

HTML Audio (Audio)

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, le site Web PHP chinois (php.cn) résume les problèmes et les solutions pour vous.


Utilisation de plug-ins

Un plug-in de navigateur- in 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 ou de la balise

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


Utilisez l'élément La balise > définit 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 peut afficher des fichiers MP3 intégrés dans des pages Web :

    php中文网(php.cn) 

如果你无法听到该音频,那么可能你的电脑或浏览器不支持该文件格式。

或者你没有打开扬声器。

Vous trouvez un audio au format mp3 localement et remplacez src="horse.mp3" par votre fichier mp3, essayez d'ouvrir la page Web


Problème :

valable 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.

Utilisez l'élément

La balise

peut également définir un conteneur pour le contenu externe (non HTML).

L'extrait de code suivant peut afficher des fichiers MP3 intégrés dans des pages Web :

    php中文网(php.cn) 

如果你无法听到该音频,那么可能你的电脑或浏览器不支持该文件格式。

或者你没有打开扬声器。

Vous trouvez un audio au format mp3 localement et remplacez src="horse.mp3" par votre fichier mp3, essayez d'ouvrir la page Web à nouveau


Question :

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

  • 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'élément

Ci-dessous, nous utiliserons la balise

    php中文网(php.cn) 

Si votre navigateur ne prend pas en charge le format audio, il affichera "Votre navigateur le fait". ne prend pas en charge ce format audio", sinon il sera inversé


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) 

Remplacez src par votre audio local et essayez-le

Question :

Vous le l'audio doit être converti dans un format différent. L'élément

ne peut pas afficher un message d'erreur.


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

Yahoo Media Player offre à vos utilisateurs un petit bouton de lecture plutôt qu'un lecteur complet. Cependant, lorsque vous cliquez sur le bouton, le lecteur complet apparaîtra.

Veuillez noter que ce lecteur est toujours ancré en bas du cadre de la fenêtre. Cliquez simplement dessus et faites-le glisser.

L'utilisation de Yahoo 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 pouvez facilement transformer vos pages HTML en playlists professionnelles en ajoutant simplement une ligne de code à votre page ou blog :

Exemple

    php中文网(php.cn) 

Play mp3

Trouvez un fichier audio et essayez-le


Utilisez des hyperliens

Si une page Web contient un lien hypertexte vers un fichier multimédia, la plupart des navigateurs utiliseront une « application d'assistance » pour lire le fichier.

L'extrait de code suivant affiche un lien vers un fichier mp3. Si l'utilisateur clique sur le lien, le navigateur lancera une "application d'aide" pour lire le fichier :

    php中文网(php.cn) 

链接到一首歌

点击此处播放

Trouvez un fichier audio et essayez-le


Description du son en ligne

Lorsque vous incluez un son dans une page Web, ou en tant que partie intégrante d'une page Web, on parle de son en ligne.

Si vous envisagez d'utiliser des sons en ligne dans une application Web, vous devez être conscient que de nombreuses personnes trouvent les sons en ligne ennuyeux. Notez également que les utilisateurs peuvent avoir désactivé l'option de son en ligne dans leur navigateur.

Notre meilleur conseil est d'inclure uniquement les sons en ligne là où l'utilisateur s'attend à les entendre. Un exemple positif est lorsqu'un utilisateur a besoin d'entendre un enregistrement et clique sur un lien, qui ouvre la page et lit l'enregistrement.


Balises multimédia HTML

Nouvelles balises HTML5


标签 描述
定义内嵌对象。HTML4 中不赞成,HTML5 中允许。
定义内嵌对象。
定义对象的参数。
定义了声音内容
定义一个视频或者影片
定义了media元素的多媒体资源(

规定media元素的字幕文件或其他包含文本的文件 (



Formation continue
||
php中文网(php.cn)
soumettre Réinitialiser le code
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!