La balise <object tag> 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 :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<object height="100" width="300" data="Kalimba.mp3"></object>
<p>如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。</p>
<p>或者你没有打开扬声器。</p>
</body>
</html>
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 <audio> L'élément
HTML5 <audio> L'élément HTML5 est illégal en HTML 4 mais fonctionne dans tous les navigateurs.
L'élément <audio> fonctionne dans tous les navigateurs modernes.
Ci-dessous, nous utiliserons la balise <audio> ajoute un fichier de type OGG (valable dans les navigateurs Firefox et Opera). En cas d'échec, il affichera un message texte d'erreur :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
您的浏览器不支持该音频格式。
</audio>
</body>
</html>
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
<audio> en HTML 4 est invalide. Votre page échoue à la validation HTML 4.
Vous devez convertir le fichier audio dans un format différent. L'élément
<audio> ne fonctionne pas dans les anciens navigateurs.
La meilleure solution HTML
L'exemple ci-dessous utilise deux formats audio différents. L'élément HTML5 <audio> tente de lire l'audio au format mp3 ou ogg. Si cela échoue, le code se contentera d'essayer l'élément <embed>.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
<embed height="50" width="100" src="horse.mp3">
</audio>
</body>
</html>
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
<embed> 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 :
<script src="http://mediaplayer.yahoo.com/latest"></script>
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p><a href="Kalimba.mp3">Play mp3</a></p>
<script src="http://mediaplayer.yahoo.com/latest"></script>
</body>
</html>
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 :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h2>链接到一首歌</h2>
<p><a href="nverq.mp3">点击此处播放</a></p>
</body>
</html>
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
| 标签 | 描述 |
| <embed> | 定义内嵌对象。HTML4 中不赞成，HTML5 中允许。 |
| <object> | 定义内嵌对象。 |
| <param> | 定义对象的参数。 |
| <audio> | 定义了声音内容 |
| <video> | 定义一个视频或者影片 |
| <source> | 定义了media元素的多媒体资源(<video> 和 <audio>) |
<track> | 规定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>) |
section suivante