Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)-tutoriel HTML-php.cn

Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)

藏色散人

Libérer： 2018-08-11 10:18:17

original

2983 Les gens l'ont consulté

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 , qui est une nouvelle balise en HTML 5, et cette balise doit avoir l'attribut src.

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>

Copier après la connexion

Le code ci-dessus sera affiché sur la page comme suit :

Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)

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()

Présente en détail l'effet du HTML5 en utilisant la balise Audio pour réaliser la synchronisation des paroles

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!