Un lecteur en bas de page

Ce lecteur occupe le bas de la page, dans une barre blanche occupant toute la largeur.

Précédent | 5/5

Le code complet est en pièce jointe. Le code est similaire au lecteur "Un lecteur audio codé avec jquery", et utilise jQuery.

Pour utiliser le code, il faut disposer de jQuery, et charger les deux fichiers de bases : un fichier javascript et un fichier CSS :

       <script src="lecteur_son/javascript.js"></script>
       <link rel="stylesheet" href="lecteur_son/lecteur.css">

Puis créer le tag audio en lui donnant la classe .lecteur-son :

<audio class="lecteur-son" controls data-titre="Le titre" data-auteur="L'auteur">
           <source src="lefichierson.mp3" type="audio/mp3">
       </audio>

Les attributs data-titre et data-auteur permettent d’afficher dans le lecteur les infos de titre du morceau et de l’auteur.

Les CSS restent modifiables pour personnaliser le lecteur.