Comment ajouter de l'audio à vos pages Web HTML5 et CSS3 - Les nuls

Le HTML a supporté les images depuis longtemps, mais maintenant il fonctionne aussi bien avec les fichiers audio. C'est une percée majeure, car l'audio nécessitait auparavant des programmes externes comme Flash.

Il est assez facile d'ajouter de l'audio à une page Web en HTML5 avec la nouvelle balise. Voici le code pour créer cette page:

audio. html

Audio Démo






 votre navigateur ne supporte pas l'audio HTML5 S'il vous plaît utilisez ce lien à la place: Allemande. mp3
Musique: J. S. Bach "Allemande" Partita pour violon # 2

Bien que presque tous les navigateurs actuels supportent le tag, ils ne peuvent toujours pas s'entendre sur le format à prendre en charge. Certains navigateurs prennent en charge les fichiers MP3, certains prennent en charge une nouvelle norme appelée Ogg, et d'autres supportent WAV.

Le meilleur moyen de s'assurer que le son est joué est de fournir deux formats différents. Souvent, les formats Ogg et MP3 garantissent que l'audio sera lu sur tous les principaux navigateurs.

Pour ajouter un fichier audio à votre page, procédez comme suit:

1. Ajoutez la balise audio à votre page.

   L'étiquette indique où un fichier audio sera placé. Où vous placez la balise dans le code correspond à l'endroit où les contrôles apparaîtront.

2. Activer les commandes.

   Vous pouvez spécifier un panneau de contrôle avec l'attribut. Cela provoque un petit contrôle à apparaître. Si vous laissez cette directive, il n'y aura pas de panneau de contrôle, ce qui signifie que l'utilisateur ne pourra pas lire le clip.

3. Créer aelement ou deux.

   A l'intérieur de la paire, ajoutez un ou plusieurs éléments. Chaque élément source indique un fichier auquel vous lierez.

4. Définissez thesrcattribute pour indiquer le fichier.

   L'attribut de la balise est utilisé pour indiquer le nom du fichier audio que vous souhaitez lire.

5. Ajouter un autre code pour les anciens navigateurs.

   Tout code HTML supplémentaire entre les balises et sera interprété uniquement par les navigateurs qui ne comprennent pas la balise sonore. Vous pouvez ajouter une ancre ordinaire pour télécharger l'effet sonore si vous le souhaitez. De cette façon, même ceux qui ont des navigateurs plus âgés peuvent entendre ce qui leur manque.