Si vous voulez un moyen rapide et facile d’ajouter de la musique à votre site Web, l’utilisation du codage HTML est un moyen de l’accomplir tant que vous êtes conscient des limites. Étant donné que tous les navigateurs ne reconnaissent pas les mêmes formats audio et que les navigateurs plus anciens ne reconnaissent pas les améliorations HTML5, vous devrez savoir comment gérer ces problèmes de navigateur pour atteindre votre objectif.
Table des matières
Utilisation du code HTML pour ajouter de la musique via un éditeur de texte
Si vous codez votre site Web sur le long terme et utilisez un éditeur de texte, tel que le Bloc-notes, vous aurez besoin de connaître plus de code que si vous utilisiez des éditeurs HTML, tels que Dreamweaver. En supposant que vous ayez déjà une connaissance pratique du code HTML de base, vous souhaiterez suivre les étapes suivantes pour ajouter facilement de la musique à n’importe quelle page de votre site Web:
-
Tout d’abord, décidez si vous souhaitez que la musique soit lue lorsque la page Web se charge ou uniquement lorsque le visiteur clique sur un lien.
-
Pour accueillir la plupart des navigateurs et se conformer aux normes HTML5, vous devez créer deux fichiers audio: un .mp3 et un .ogg. La version mp3 est reconnue par presque tous les navigateurs, tandis que la version .ogg est pour les anciennes versions de Firefox et Opera.
-
Téléchargez les fichiers musicaux sur votre serveur via un programme, tel que FileZilla, ou via le panneau de configuration de votre site. La plupart des panneaux de contrôle ont une fonctionnalité appelée Gestionnaire de fichiers qui vous permet de télécharger des fichiers, d’extraire des dossiers compressés et même de modifier des fichiers. C’est une bonne idée d’avoir un dossier spécifique dans lequel vous stockez les fichiers musicaux. Vous pouvez simplement intituler cette « musique » ou « audio » si vous le souhaitez.
-
Une fois que vous avez téléchargé la musique, vous êtes prêt à gérer le code HTML.
Comment intégrer de la musique
Il existe plusieurs méthodes différentes que vous pouvez utiliser pour intégrer la musique, selon que vous avez décidé de démarrer la musique au chargement de la page, de démarrer si l’utilisateur l’initie ou de ne démarrer que lorsque le visiteur clique sur un lien.
Code de base (non HTML5)
Ces méthodes ont été utilisées avant l’introduction par HTML5 de la balise
- méthode: Cette balise HTML est utilisée pour un élément non HTML. L’utilisation de ce code permettra la lecture du fichier de musique lorsque la page est chargée. La balise est placée à l’intérieur de la balise du HTML de votre page.