Comment insérer de l'audio lisible automatiquement (graphiques et texte) en HTML5

Ceux qui parcourent fréquemment des sites Web ou mettent fréquemment en page des pages doivent être familiers avec l'audio et la vidéo de la page. Amis qui apprennent le HTML5, savez-vous comment insérer de l'audio et le lire automatiquement en HTML5 ? Cet article étudiera avec vous les balises audio en HTML5 et le code d'insertion de l'audio en HTML5. Il a une certaine valeur de référence et vous pouvez vous y référer.

La balise

est utilisé pour être affiché dans les navigateurs qui ne prennent pas en charge la balise audio.

Description des balises associées nécessaires pour insérer de l'audio :

, généralement utilisé dans les balises

Remarque : Soyez prudent lorsque vous utilisez la balise audio

Exemple de démonstration 1 : Comment insérer de l'audio en HTML5

Explication détaillée de l'exemple :

Créez d'abord une balise

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

Rendu :

Exemple de démonstration 2 : Comment insérer de l'audio en lecture automatique en HTML5

Description de l'instance : l'attribut de lecture automatique dans la balise

La méthode d'insertion de l'audio de lecture automatique en HTML5 est la même que la méthode d'insertion de l'audio présentée ci-dessus, sauf qu'un attribut supplémentaire est ajouté, à savoir l'attribut de lecture automatique dans la balise

<audio controls autoplay>
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>

Ce qui précède présente comment insérer de l'audio en HTML5 et comment insérer de l'audio qui peut être lu automatiquement. L'explication est détaillée et plus facile à comprendre. . Les débutants peuvent l'essayer eux-mêmes, trouver un audio et l'insérer dans la page. Voyez si votre code peut obtenir l'effet de lecture automatique. J'espère que cet article vous sera utile !

[Recommandations de didacticiel associées]

1. Tutoriel vidéo HTML5
2 Manuel de développement HTML
3. tutoriel bootstrap4.
Comment insérer une vidéo en HTML5

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!