Utilisez une fonction JavaScript pour permettre aux visiteurs du site Web de lire un MP3.
Il existe plusieurs manières d'intégrer et de lire des fichiers audio MP3 sur vos pages Web. La balise « embed » obsolète dans HTML, divers lecteurs Flash et des lecteurs basés sur Java en sont tous des exemples. La norme HTML5, avec son accent sur les scripts et son manque de dépendance vis-à-vis de logiciels tiers, offre le moyen le plus compatible d'intégrer et de lire des MP3 sur des pages Web à l'avenir. Intégrez le fichier MP3 avec l'objet "audio" HTML5, puis utilisez une fonction JavaScript pour lancer sa lecture
Étape 1
Ajoutez le code suivant au corps de votre document HTML :
Vidéo du jour
Ce code intègre et charge le fichier MP3, mais ne le lit pas. La valeur de la balise "src" contient le chemin d'accès et le nom de fichier du fichier MP3.
Étape 2
Ajoutez le code JavaScript suivant entre les balises "head" de votre document HTML :
Cette fonction, lorsqu'elle est appelée, accède à l'élément "audio" par son identifiant ("mp3"), et utilise la méthode play() pour le lire.
Étape 3
Ajoutez un bouton à la page Web pour appeler la fonction "playMP3" lorsque l'utilisateur clique dessus. Ajoutez le code suivant au corps du document HTML :
Modifiez l'attribut "value" pour donner au bouton un titre différent.
Étape 4
Utilisez la fonction suivante au lieu de "playMP3" pour permettre à l'utilisateur de mettre le fichier en pause après l'avoir démarré :
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Modifiez l'attribut "onClick" de la balise "input" à l'étape 3 pour qu'il corresponde au nom de cette fonction.
