Étiquette audio dans HTML | Expliqué

HTML5 fournit une balise pour ajouter des fichiers audio aux sites Web. L'ajout de multimédia à n'importe quel site Web est un moyen remarquable d'attirer le public et l'utilisation appropriée de fichiers audio sur n'importe quel site Web mène à une meilleure expérience Web. Avec l'aide d'éléments multimédias comme et, nous pouvons ajouter des sons et des visuels à n'importe quel site Web et nous pouvons facilement les jouer sans compléments. Utilisation de la balise, nous pouvons intégrer un fichier audio sur nos sites Web dans divers formats I.e. mp3, wav, ogg.

Êtes-vous prêt à savoir comment fonctionne la balise, si oui, vous devez comprendre les aspects suivants de la balise HTML:

• La syntaxe de base de la balise
• Attributs de la balise
• Formats audio couramment utilisés
• Prise en charge du navigateur pour la balise
• Comment utiliser la balise

Commençons!

Syntaxe

L'extrait à bec-donné montre la syntaxe de base de la balise:

• SRC et Type sont des attributs de TAG, nous allons les apprendre à ce sujet dans la section Attributs.
• Ici, un point clé à comprendre est tout ce que nous écrivons à l'intérieur des balises de démarrage et de fin ne seront affichées que si le navigateur ne prend pas en charge le fichier audio

Les attributs

Certains attributs peuvent être utilisés dans la balise comme indiqué ci-dessous:

• contrôles: Comme le nom lui-même le suggère, il nous permet de contrôler le fichier audio I.e. il spécifie les contrôles que les contrôles devraient être visibles pour l'utilisateur e.g. jouer, faire une pause, muet, etc.
• SRC: détermine l'adresse du fichier audio.
• boucle: il permet la structure en boucle I.e. Les fichiers audio seront lus encore et encore.
• en sourdine: il détermine si le fichier audio sera muet
• Précharge: Il détermine la vue de l'auteur sur la façon dont le fichier audio sera chargé lorsque la page Web chargera
• lecture automatique: il détermine que le fichier sera lue instantanément

Formats

La balise est une balise moderne introduite dans HTML5, actuellement, il prend en charge trois formats de fichiers I.e. «MP3», «Wav», «ogg».

Support de navigateur

Voici la liste des navigateurs pour les différents formats de fichiers audio:

• Chrome, Microsoft Edge, Opera et Mozilla Firefox prennent en charge les trois formats I.e. mp3, wav, ogg.
• Internet Explorer ne prend en charge que le format MP3
• Safari prend en charge les formats WAV et MP3

Comment utiliser la balise

Considérez l'extrait de code ci-dessous pour comprendre comment utiliser la balise pour intégrer un fichier audio sur une page Web:

Étiquette audio

Fichier non pris en charge

Ce code exécute les fonctionnalités suivantes:

• Nous avons ajouté l'attribut «Controls» dans la balise afin qu'un utilisateur puisse contrôler le fichier en termes de lecture / pause, muet / réactivité, etc.
• TAG Aidez-nous à spécifier les fichiers multiples.

Voici la sortie de l'extrait de code ci-dessus:

Les formats de fichiers multiples peuvent être spécifiés dans la balise dans un tel cas, le navigateur jouera la première source reconnue.

Modifions un peu l'exemple et ajoutons l'attribut «en sourdine» dans la balise

Étiquette audio

Fichier non pris en charge

Maintenant, lorsque nous exécutons le code, initialement le fichier sera muet:

De même, vous pouvez utiliser la lecture automatique, la boucle ou tout autre attribut en fonction de votre besoin.

Conclusion

La balise audio peut être utilisée pour ajouter un fichier audio à n'importe quel document / site Web, différents attributs peuvent être utilisés dans la balise audio pour effectuer différentes fonctionnalités. Si nous spécifions les adresses de plus d'un fichier audio, le navigateur joindra le premier fichier au document. Cet article montre ce qu'est la balise HTML et comment utiliser la balise. De plus, il fournit une explication détaillée des formats de fichiers audio disponibles et des navigateurs pris en charge.