Un mini player MP3/ACC/OGG en HTML 5 pour OB

9 Août 2012

Rédigé par Brunofaisart et publié depuis Overblog

Un mini player MP3 en HTML 5 pour diffuser vos musiques (attention aux droits d'auteurs)

Comment marche-t-il ?

Comme celui-ci est en HTML5 le mieux est de proposer les trois formats audio dispos à savoir : acc,ogg et bien sur MP3

Exemple ci-dessous avec un morceau de près de 11 minutes de LED ZEPELLIN :

Le code à insérer en surligné jaune ce qu'il vous faudra changer en fonction du morceau de musique.

Car maintenant mieux vaut éviter des players en Flash (merci Apple !)


<audio controls="controls" preload="none">
  <source src="http://www.photonautes-associes.fr/ob/02%20-%20Stairway%20to%20Heaven.mp3" type="audio/mp3" />
  <source src="http://www.photonautes-associes.fr/ob/02%20-%20Stairway%20to%20Heaven.aac" type="audio/aac" />
  <source src="http://www.photonautes-associes.fr/ob/02%20-%20Stairway%20to%20Heaven.ogg" type="audio/ogg" />
  Votre navigateur n'est pas compatible
</audio>