Utilisation de la balise

黄舟

Libérer： 2017-06-19 16:31:23

original

3633 Les gens l'ont consulté

Dans les pages Web standard HTML5, nous pouvons utiliser la balise audio pour compléter notre appel et la lecture des sons. Voici les trois formats de base les plus couramment utilisés en HTML5 :

1 Code minimal

<audio src="song.ogg" controls="controls"></audio>

Copier après la connexion

2 Code avec rappels d'incompatibilité

<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>

Copier après la connexion

3. pour être compatible avec l'écriture du navigateur

<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

Copier après la connexion

Avant l'émergence du standard HTML5, les programmeurs ne pouvaient pas lire les fichiers audio aussi facilement qu'en utilisant la balise Pour résoudre ce problème, HTML5 fournit une nouvelle balise

HTML5

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>HTML5音频播放器 |HTML5 audio</title> 
</head>
<body style="padding:0px;margin:0px;text-align:center;">
 <audio src="see-you-again.mp3" controls="controls" preload="auto" autoplay="autoplay" loop="loop">
 您浏览器不支持HTML5音频播放器
</audio> 
</body> 
</html>

Copier après la connexion

lecture automatique Lire automatiquement le fichier multimédia chargé ou demander s'il a été configuré en lecture automatique

boucle Définir le fichier multimédia en lecture en boucle ou demander s'il a été configuré en boucle

currentTime renvoie le temps écoulé depuis le début de la lecture jusqu'au présent en s. Vous pouvez également définir la valeur de currentTime pour accéder à une position spécifique

contrôles Afficher ou masquer l'interface de contrôle utilisateur

volume Définissez la valeur du volume entre 0,0 et 1,0, ou interrogez la valeur actuelle du volume

muet Définissez s'il faut couper le son

autobuffer S'il faut mettre en mémoire tampon et charger les fichiers multimédias avant de les lire, si la lecture automatique est définie, ignorez cette fonctionnalité

Pour ces attributs, les navigateurs grand public les prennent en charge. Mais ne pensez pas qu'il n'y a pas de compatibilité. Dans les flux de lecture audio, il existe deux camps. Firefox et Opera prennent en charge l'audio ogg, Safari et ie prennent en charge le mp3. Heureusement, Chrome de Google le prend en charge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：

audio html 使用标签

Article précédent：À propos de la différence entre la balise

et la balise

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur