Comment utiliser JavaScript pour lire un fichier MP3

Plusieurs façons existent pour intégrer et lire des fichiers MP3 sur vos pages web : balise « embed » obsolète, lecteurs Flash, lecteurs Java. Le standard HTML5, axé sur le scripting et sans dépendance aux logiciels tiers, offre la méthode la plus compatible. Intégrez le MP3 avec l'objet HTML5 audio, puis utilisez une fonction JavaScript pour le lancer.

Étape 1

Ajoutez ce code dans le body de votre document HTML :

<audio id="mp3" src="chemin/vers/fichier.mp3"></audio>

Ce code charge le MP3 sans le lire. La valeur de l'attribut src contient le chemin et le nom du fichier.

Étape 2

Ajoutez ce code JavaScript entre les balises head :

function playMP3() { document.getElementById("mp3").play(); }

Cette fonction, appelée, accède à l'élément audio par son id (« mp3 ») et utilise la méthode play().

Étape 3

Ajoutez un bouton pour appeler playMP3 au clic :

<input type="button" value="Lire" onClick="playMP3()">

Changez l'attribut value pour un autre titre de bouton.

Étape 4

Utilisez cette fonction au lieu de playMP3 pour permettre pause/reprise :

function playpauseMP3() { if(document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }

Modifiez l'attribut onClick du input à l'étape 3 pour correspondre à ce nom de fonction.