Insérer un lecteur audio MP3 sur OverBlog...

Depuis la disparition de DewPlayer, je cherchais comment insérer un lecteur de fichier Mp3 sur Le Réveil qui permettre de lire et d'écouter en même temps un texte publié ...

Et j'ai enfin trouvé la solution grâce à Henri...

S’il y a encore quelques temps il était assez compliqué de lire un fichier audio ou mp3 depuis votre site web, le HTML5 à simplifié sa mise en place. A partir d’une simple balise à insérer dans votre page web, la lecture de votre fichier musical s’effectuera simplement.

Alors comment insérer le lecteur ...

Tout simplement en ouvant une section html et en collant une balise audio dont voici le code:

Exemple d’utilisation de la balise <audio>

<audio controls="controls">
  <source src="music.mp3" type="audio/mp3" />
  Votre navigateur n'est pas compatible
</audio>

Le résultat:

La procédure en images ...

Il est plus simple de commencer à enregistrer son article en mode Brouillon ...

Copier et coller le code suivant dans une section Html ...

<audio controls="controls">
  <source src="music.mp3" type="audio/mp3" />
  Votre navigateur n'est pas compatible
</audio>

Télécharger le fichier mp3 dans une section fichier...

Enregistrer puis demander un aperçu pour pouvoir vérifier que le lecteur apparait bien dans l'article et pour copier l'adresse du fichier Mp3 par :