Comment ajouter un code musical HTML en arrière-plan

...

Ajoutez de la musique de fond à votre site Web pour que les utilisateurs puissent en profiter pendant qu'ils naviguent.

Diverses méthodes d'intégration de musique dans une page Web sont devenues populaires depuis les premiers jours du World Wide Web. Notamment, la balise « embed » dans HTML, les lecteurs audio basés sur Java et les lecteurs basés sur Flash sont toutes des options possibles pour ajouter musique de fond sur une page Web, mais aucune solution n'a été universellement adoptée ou n'est entièrement compatible avec tous les navigateurs et plates-formes. La nouvelle norme HTML5 inclut la balise « audio », qui est spécifiquement définie pour la lecture audio intégrée.

Étape 1

Ajoutez le code suivant n'importe où dans le corps de votre document HTML pour intégrer un fichier musical et le lire automatiquement lorsqu'un visiteur parcourt votre site Web.

Vidéo du jour

Modifiez l'attribut "src" afin qu'il contienne le chemin et le nom de fichier du fichier musical que vous souhaitez intégrer.

Étape 2

Ajoutez l'attribut "loop" si vous souhaitez que le fichier musical soit lu en boucle :

Étape 3

Utilisez plusieurs balises « source » au lieu de l'attribut « src » de la balise « audio » si vous souhaitez offrir au navigateur de l'utilisateur un choix de plusieurs formats de fichiers :

Dans cet exemple, le navigateur de l'utilisateur décidera de lire le fichier MP3 ou le fichier OGG. Cette technique peut être utile pour cibler les appareils mobiles qui ne peuvent lire que certains formats audio.

Étape 4

Imbriquer la balise « embed » dans la balise « audio » pour prendre en charge les navigateurs plus anciens qui ne prennent pas en charge HTML5. Notez que cette utilisation de la balise "embed" est obsolète (ce qui signifie qu'il n'est plus officiellement requis d'être pris en charge), n'expérimentez donc cette technique que si vous pensez que vos utilisateurs utiliseront des sites Web obsolètes. navigateurs. Voici un exemple:

Pointe

Pensez à ajouter l'attribut "controls" à la balise "audio" pour permettre à l'utilisateur d'arrêter la musique et de modifier le volume. De plus, pensez à ne pas utiliser l'attribut "autoplay" à moins qu'il n'y ait une bonne raison pour ce comportement de navigateur. De nombreux utilisateurs trouvent ennuyeux la musique de fond intégrée qui est jouée de manière inattendue sans leur autorisation et quittera immédiatement votre site Web.