Playlist musicale sans Flash.

Salut,
"J'ai maintenant besoin d'informations sur la structure de ce code java (je ne maîtrise pas du tout ce langage"

Non pas Java mais JavaScript qui n'ont pas grand chose à voir.

Quel genre d'informations?
C'est très proche de l'Action Script le JavaScript, c'est même une norme commune(ECMAScript).

Quand à la structure du "code"(ou plutôt d'un programme) c'est la même chose pour tout les langages de script(voire pour 90% des langages de programmation).
Avec comme particularité d'être objet(paradigme POO) pour JavaScript puisque le DOM.
Et aussi facilement avec une approche événementielle(tout comme l'était Action Script).

D’ailleurs les lecteurs sont basés sur l'API et ils peuvent tenir en une 20aine de lignes(voire moins tout dépends ce qu'on veut) et être agrémenté de CSS facilement...

Vous avez vu que dans le lien que vous indiquez le dernier mot est "radio". Pour un simple lecteur de fichiers audio peut-être pas nécessaire d'avoir quelque chose de plus compliqué que la demande à moins que vous vouliez une radio avec diffusion en direct - en vrai streaming- ? sinon je vois pas trop l'intérêt, prenez le player le plus simple qui comprends une playlist quitte à rajouter un peu de CSS pour les boutons.

Les tutos sur le web ça existe, pas très compliqué un simple lecteur, ici le minimum(un seul fichier) avec uniquement du HTML:

<audio controls>
  <source src="monAudio.mp3" type="audio/mpeg">
  <source src="monAudio.ogg" type="audio/ogg">
  <p>Votre navigateur ne prend pas en charge l'audio HTML. Voici un
     un <a href="myAudio.mp4">lien vers le fichier audio</a> pour le
     télécharger.</p>
</audio>

source avec les autres méthodes de l'objet/API audio:
https://developer.mozilla.org/fr/docs/Web/HTML/Element/audio

ou un exemple avec tuto complet(ou alors simplement copier coller les 3 "parties" indiqués) avec design graphique en CSS:
https://www.script-tutorials.com/html5-audio-player-with-playlist/

Bien sûr s'il faut gérer dynamiquement la playlist il faudra passer par une base de données et un programme serveur(donc si précédent avec Flash/SWF cela devait être limité de ce côté là).

Oh punaise !
T3chN0g3n, tu n'es peut être pas un codeur, mais tes deux premiers paragraphes (centrage, scrolling) sont parfaits !
Je m'occupe du reste maintenant ..

C'est très difficile de chercher sur internet, quand on n'a pas la lecture facile des codes ou qu'on ne sait pas quoi et où chercher .. ou de la place des codes dans les programmes. J'ai passé deux heures hier à chercher comment centrer, et à aucun moment, je n'ai vu ta manip (la seule qui a fonctionné ..). D'habitude, j'arrive à gérer sur mon site avec mes recherches, mais là, c'était trop complexe pour moi .. d'où ma demande d'aide. (et j'ai bien fait, vous m'avez vraiment bien aiguillé, sur mes recherches notamment).

Il serait plus simple et efficace d'apprendre plutôt que d'appliquer des choses que vous ne comprenez pas...et qui seront au niveau du résultat que pour la source utilisée hasardeuse.
Bref copier coller quelque chose ne sert à rien. Un langage est fait pour écrire des indications qui sont lues par une machine.
Ke veut dire qu'il n'y a pas de solutions passe partout et reproductible mais des moyens de produire ce qui est nécessaire, donc différent pour chaque cas.

Si on ne sait pas quelles instructions et comment les écrire difficile d'arriver à quelque chose.
HTML et CSS servent à intégrer des contenus pour l'un , à intégrer ou réaliser une mise en page pour l'autre.

"quand on n'a pas la lecture facile des codes"
Il faut donc apprendre comment ça marche ;)

"qu'on ne sait pas quoi et où chercher "
En effet c'est la compétence principale pour le développement informatique.
Du moment qu'on à compris pourquoi où et comment on sait ce' qu'il faut chercher.
Sinon c'est dur de trouver ce qu'on ne sait pas chercher.

Il y a toujours la référence pour le CSS avec des tutos. Des tutos vous en trouverez partout ailleurs en français aussi, et suivant votre niveau.

Pour les caractères il faut bien entendu utiliser un jeu de caractère compatible avec le français(qui comprend les accents et autres caractères spéciaux qui n'existent pas en anglais).

Ce genre de chose se trouve généralement dans le premier cours HTML au bout d'une dizaine de ligne.
Pour le français il faut indiquer "utf-8".

"mais tes deux premiers paragraphes (centrage, scrolling) sont parfaits ! "
Tant mieux si ça vous à aidé mais le CSS du centrage est faux et ne marche pas tel qu'il est écrit(ni ne sert au centrage d'ailleurs, il concerne les marges).
Et ce n'est pas ça un "scrolling" en informatique.

La propriété overflow concerne les barres de défilements d'un élément comme indiqué dans le manuel du CSS et la valeur scroll signifie défiler en anglais.
Un scrolling est une animation défilante ce qui n'a donc rien à voir.
C'est sûr qu'en employant les mauvais termes on ne risque pas de trouver ;)

https://www.w3schools.com/cssref/pr_pos_overflow.asp

Bonjour aussi,

Et bien ... Super productif comme commentaire ... Vous avez des presta à vendre non ? Parce que à part essayer de décourager les gens dont ce n'est pas le métier mais qui essayent juste de débrouiller, je vois pas trop l'objectif, surtout que vous ne détaillez pas. Si votre seul solution c'est "lisez des références qui prennent des années à apprendre aux gens dont c'est le métier" merci, mais non merci.

Pour info le centrage fonctionne, je test avant de partager ...
"auto est remplacé par une valeur adaptée (il peut être utilisé pour centrer les blocs, par exemple, div { width:50%; margin:0 auto; } permet de centrer un conteneur div horizontalement)." Source : https://developer.mozilla.org/fr/docs/Web/CSS/margin

Et 99% de la population parle de "scrolling" pour le défilement de la molette, ont est pas informaticien, ont parle avec un vocabulaire que l'ont comprend. (Surtout que la valeur s'appelle littéralement "scroll") ...