Tu vois mine de rien la deuxième partie ajoutée à ton message montre que tu as compris l’idée, alors que la première laisse quoi qu’on en dise une mauvaise impresssion.
Par ailleurs l’objet de ta demande n’était pas d’obtenir de l’aide pour t’aider à faire (ce qui est tout à fait faisable) mais de te donner la « solution clé en main ». Le souci c’est que personne ne sera en mesure de te donner un code tout fait. C’est beaucoup trop différent d’une installation à l’autre. et tu as déjà fait le tour ce ce qui existe.
Tu dois donc te rabattre sur d’autres possibilités : la possibilité de créer ta propre carte, parfaite pour toi.
Picture-element est effectivement une bonne solution pour avoir un rendu à base d’images, et donc réaliste. Le coté esthétique est indéniable. Je l’utilise dans 90% des cas. Par contre, elle demande de comprendre les fonctions de base et est assez compliquée à organiser au début (l’ordre des éléments, le code yaml à rallonge etc)
Par contre, il faut noter que la mise en place de différents éléments dans une card à une position ultra précise ne passe pas forcément non plus par picture-element.
Par exemple Mise en page custom grid-layout : Aide
Donc à ta place, j’irai pas étape :
- une composition de cartes basiques (une carte média, une liste de fichiers, quelques boutons pour le volume par exemple), sans se préoccuper de la composition pour l’instant
- y ajouter les interactions entre les éléments (par exemple une changement dans la liste de ton custom:hui-element ne met pas en lecture automatique la sélection)
- Et une fois que tu as bien compris ces bases, traiter la partie visuelle.
C’est surement long, ça va te demander du temps et de l’aide de l’AI (avec méfiance) ou du forum mais tu devrais pourvoir obtenir un résultat à la hauteur de tes attentes