Comment utiliser Javascript pour lire un fichier MP3

Il existe plusieurs façons 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 lecteurs basés sur Java en sont tous des exemples. La norme HTML5, qui met l'accent sur les scripts et ne dépend pas 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 la lecture

Étape 1

Ajoutez le code suivant dans le corps de votre document HTML :

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 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

Ajouter un bouton à la page Web pour appeler la fonction "playMP3" lorsque l'utilisateur clique dessus. Ajoutez le code suivant dans le corps du document HTML :

Modifiez l'attribut "valeur" pour donner au bouton un titre différent.

Étape 4

Utilisez la fonction suivante au lieu de "playMP3" pour permettre à l'utilisateur de suspendre le fichier 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.