Vidéo: TUTO HTML - #7 Insérer un élément audio ou vidéo sur son site 2025
Lorsque vous souhaitez ajouter de l'audio à une page Web, tout ce que vous avez à faire est d'encoder le fichier audio original, qui avec un peu de chance sera l'enregistrement original. chacun des formats Web et intégrez-les dans le document HTML5 comme suit:
-
Créez un document HTML5 dans Dreamweaver ou votre éditeur HTML favori.
-
Passez à la vue Code de votre éditeur HTML.
-
Positionnez votre curseur dans le corps du document.
Ce serait n'importe où après l'étiquette.
-
Entrez le code suivant:
Désolé, votre navigateur ne prend pas en charge la balise
Les trois premières lignes de code liront le format de fichier pris en charge par le navigateur de l'utilisateur. Si l'utilisateur accède à la page avec un navigateur plus ancien, l'avertissement dans la quatrième ligne de code est affiché.
-
Enregistrez le document et testez-le dans chaque navigateur utilisé par votre public cible.
Si vous utilisez Dreamweaver CS6, vous pouvez utiliser Adobe Browser Labs pour tester le document dans chaque navigateur prenant en charge HTML5. Vous accédez à Adobe Browser Labs en sélectionnant Fichier → Aperçu dans le navigateur → Adobe Browser Lab.
Les étapes précédentes sont parfaites pour la musique de fond, mais pour incorporer un fichier audio avec des contrôles dans un document HTML5, placez votre curseur à l'endroit où vous voulez que le lecteur apparaisse à l'étape 3 et changez le code ce qui suit:
Désolé, votre navigateur ne supporte pas le tag
Ce code permet la lecture audio dans un navigateur compatible HTML5. Si le visiteur du site utilise un navigateur qui ne prend pas en charge HTML5, la quatrième ligne de code s'affiche.
