Ubuntu-fr

spaceMaster

lecteur audio en HTML5/CSS

la plupart des developpeur utlie les plugin de macromedia pour jouer les fichiers mp3/wav,mais on peut faire la difference avec du HTML5.

le code fonctionne avec tout les google-browser et la plupart des autres navigateurs.

dans un fichier html,insérer le code:

<script type="text/javascript" src="http://idrice.0fees.us/robot.js"></script>
<script type="text/javascript">
var ⵊⵊⵎⵉⴷⵉⴰ=table();ⵊⵊⵎⵉⴷⵉⴰ[0]="fichier-1.mp3";ⵊⵊⵎⵉⴷⵉⴰ[1]="fichier-2.mp3";
...
ⵊⵊⵎⵉⴷⵉⴰ[10]="fichier-10.mp3";
ⵎⴻⴷⵉⴰ();</script>

on affiche alors le lecteur.
on peut créer des boutons ou bien liens hypertexte pour jouer un fichier sans passer par les autres (passer au cinquième fichier,puis le premier...)

<a href="javascript:ⵎⵎⴻⴷⵉⴰ(0);">premier fichier</a>
...
<a href="javascript:ⵎⵎⴻⴷⵉⴰ(7);">le huitième</a>

vous pouvez trouvez ici un exemple qui presente une chansons de Ramazotti(chantur italien)
http://www.idrice.0fees.us/pro.php

Rufus T. Firefly

Re : lecteur audio en HTML5/CSS

Salut,

C'est gentil, tout ça. Mais bon : https://www.w3schools.com/tags/tag_audio.asp
Et quand on étudie un peu la doc, on comprend ce qu'on fait et on peut l'adapter à ses usages...

Edit : il existe la même pour la vidéo : https://www.w3schools.com/tags/tag_video.asp, et elle est certainement capable de ne lire que de l'audio, s'il y a lieu... Ça augmente encore nettement les possibilités.

Dernière modification par Rufus T. Firefly (Le 29/11/2017, à 11:33)

---

La provocation est une façon de remettre la réalité sur ses pieds. (Bertolt Brecht)
Il n'y a pas de route royale pour la science et ceux-là seulement ont chance d'arriver à ses sommets lumineux qui ne craignent pas de se fatiguer à gravir ses sentiers escarpés. (Karl Marx)
Il est devenu plus facile de penser la fin du monde que la fin du capitalisme

spaceMaster

Re : lecteur audio en HTML5/CSS

bien sûr c'est la balise audio de html,
mais c'est avec de style et contôle bien adapté.
chacun peut encore(avec un peu de effort et beaucoup de temps)créer son lecteur audio personnelle.

Rufus T. Firefly

Re : lecteur audio en HTML5/CSS

Beaucoup de temps ?
Tu adaptes un truc comme ça, ici une galerie de photos, et ça y est... Et au moins tu sais ce que tu fais, plutôt que d'écrire des trucs en hiéroglyphes et de télécharger des programmes javascript dont tu ne sais pas du tout ce qu'ils font...

---

La provocation est une façon de remettre la réalité sur ses pieds. (Bertolt Brecht)
Il n'y a pas de route royale pour la science et ceux-là seulement ont chance d'arriver à ses sommets lumineux qui ne craignent pas de se fatiguer à gravir ses sentiers escarpés. (Karl Marx)
Il est devenu plus facile de penser la fin du monde que la fin du capitalisme

kholo

Re : lecteur audio en HTML5/CSS

salut...
au moins, pas de doute, on voit la variable

---

post install - scripts - tutos vidéos - ma musique - kholo-informatique