Comment utiliser au mieux la balise audio en HTML?

Cet article présente un sujet intéressant qui concerne le développement Web qui est la balise audio en HTML avec démonstration pratique.

Cet article présente un sujet intéressant qui concerne le développement Web qui est la balise audio en HTML. Cet article vous aidera à explorer cette sujet avec démonstration pratique. Les pointeurs suivants seront abordés dans cet article,



Alors commençons alors,



Balise audio en HTML

Le HTML est évidemment la première chose qui vient à l'esprit après avoir écouté le terme Www. En gros, c'est ce qui se cache derrière chaque site Web que vous visitez aujourd'hui.

Le HTML seul ne peut pas rendre justice avec certains des designs les plus appréciés que nous voyons aujourd'hui. Cela nécessite de l'aide et cela est fourni par CSS ou Feuille de style en cascade . HTML et CSS peuvent être utilisés ensemble pour créer des pages Web attrayantes.



Balises et attributs en HTML

Ce sont les deux éléments de base du HTML et ils fonctionnent tous les deux ensemble mais remplissent des fonctions différentes.

Mots clés: Les balises sont utilisées pour marquer le début de l'élément HTML et sont entourées de crochets angulaires.



Exemple:

La balise ci-dessus est la balise de titre en HTML.

Attributs: ce sont les informations supplémentaires sur les balises et sont spécifiées dans la balise.



déclarer un tableau d'objets en java

Exemple:

<img src='Hello_world.jpg' tout='Ma premier programme'>

La balise ci-dessus est une balise d'image et alt est l'attribut de la balise et fournit la description de l'image hello_world.jpg

Comme nous avons discuté des bases dont nous avions besoin, nous pouvons maintenant aller plus loin avec le motif de cet article qui est un HTML avancé etBalises CSS.

Passons à cet article sur la balise audio dans HTML,

Balise audio

Comme son nom l'indique, cette balise est définitivement responsable des sons sur la page Web. Cela peut être utilisé pour fournir de la musique ou tout autre flux à la page Web. Les formats actuellement pris en charge qui peuvent être utilisés avec des balises sont MP3, WAV et OGG.

Exemple:

Votre navigateur ne prend pas en charge la balise audio.

Lien GitHub Gist:

Sortie - Balise audio en HTML - Edureka

Voici comment un audio apparaîtrait sur la page Web.

La ligne qui contient le message indiquant que la balise audio n'est pas prise en charge s'affiche si le navigateur utilisé par l'utilisateur ne prend pas en charge la balise audio.La balise audio a été introduite en HTML 5. Ainsi, les navigateurs qui ne supportent pas le HTML 5 ne prendraient pas en charge la balise audio.

Passons à cet article sur la balise audio dans HTML,

Attributs de balise audio

Les attributs de la balise audio sont:

  • Lecture automatique: Cela garantit que l'audio commencera à jouer dès qu'il sera chargé sur la page Web.
  • Contrôles: Il spécifie que les commandes audio telles que le bouton de lecture et de pause seraient affichées sur la page Web.
  • Boucle: Il spécifie que l'audio sur la page Web serait lu en boucle, c'est-à-dire encore et encore.
  • En sourdine: Cela garantit que la sortie audio de l'étiquette audio serait coupée, c'est-à-dire qu'il n'y aurait pas de son.
  • Précharge: Il spécifie si et comment du côté auteur, c'est-à-dire comment l'auteur souhaite que l'audio soit chargé lorsque la page Web est chargée.
  • Src: Il spécifie la source du fichier, c'est-à-dire l'adresse du fichier audio à utiliser.

Remarque: La balise audio prend également en charge les attributs globaux en HTML tels que accesskey, class, dir, dropzone, hidden, id, lang, style.

Cela nous amène à la fin de cet article sur la balise audio en HTML.

Maintenant que vous savez ce qu'est le HTML, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de cet article et nous vous recontacterons.