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

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 de la musique de fond à 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 navigue sur votre site Web.

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

Étape 2

Ajoutez l'attribut "boucle" 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 fournir une prise en charge pour les anciens navigateurs qui ne prennent pas en charge HTML5. Notez que cette utilisation de la balise "embed" est obsolète (ce qui signifie qu'elle n'est plus officiellement requise pour être prise en charge). N'expérimentez donc cette technique que si vous pensez que vos utilisateurs utiliseront des navigateurs Web obsolètes. Voici un exemple :

Astuce

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