Maison > Article > interface Web > Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)
Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)
- 藏色散人original
- 2018-08-11 10:18:172984parcourir
Cet article vous présente principalement la méthode de fonctionnement spécifique d'affichage de l'audio en HTML. De cette manière, pour les utilisateurs, la fonction de lecture en ligne peut grandement améliorer l'efficacité du site et également apporter un certain trafic. J'espère que cela aidera les amis dans le besoin. Ici, nous devons d’abord comprendre les deux balises importantes en HTML5.
1. Balise HTML 5
2. Attribut de contrôles HTML 5
L'attribut de contrôles spécifie que le navigateur doit fournir des contrôles de lecture pour l'audio. Si cette propriété est définie, elle spécifie qu'aucun contrôle de script n'est défini par l'auteur.
L'exemple de code spécifique pour afficher l'audio en HTML est le suivant :
<!DOCTYPE HTML> <html> <body> <audio controls="controls"> <source src="so.ogg" type="audio/ogg"> <source src="so.mp3" type="audio/mpeg"> <embed height="100" width="100" src="song.mp3" /> </audio> </body> </html>
Le code ci-dessus sera affiché sur la page comme suit :
Remarque :
Les chiffres en largeur et en hauteur représentent respectivement la largeur et la hauteur du joueur.
src peut être modifié ultérieurement par votre propre adresse musicale.
Ce qui précède est une introduction aux connaissances pertinentes sur la façon d'intégrer de l'audio dans HTML5, qui a une certaine valeur de référence. J'espère que vous l'adopterez.
[Recommandations d'articles connexes]
Comment insérer de l'audio et de la vidéo dans des pages Web en html ?
La méthode load() pour recharger les éléments audio/vidéo en html5
html5 arrête (met en pause) le courant lecture La méthode audio ou vidéo pause()
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!