Bien le bonjour, j'écris ce topic afin d'en savoir d'avantage sur une question qui reste sans réponses depuis plusieurs semaines.

En effet je désire créer un site web de centralisation musical à l'image de delicieuse-musique et dealer de musique

Quand vous allez sur ces 2 sites, vous apercevez que les musiques sont rangées par pochette avec bouton lecture et redirection sur lecteur audio, assez joli et pratique

J'aimerai savoir comment mettre en place ce même shéma en HTML, wordpress me semble être plus compliqué

Je fais appel a vos lumières

Merci à vous

13 réponses


Que cherches tu à faire ? A jouer/arrêter la musique lorque tu cliques sur la pochette ?

Déja merci pour la réponse, je cherche a jouer/arreter une musique en cliquant sur la pochette dédié et que ce son bascule sur un lecteur lui aussi dédié qui reste actif sur tout le site comme sur delicieuse musique.

Salut,

En gros à la manière de Deezer si je comprends bien ?
A ce moment là il faut adapter la navigation de ton site ou la façon de récupérer le contenu en fonction, c'est à dire ne charger qu'un partie du DOM afin d'éviter le rechargement de la page.

Vous savez j'ai que de petites notions, j'ai testé des webbuilder tel que wix/sitey etc, ils sont bien mais ce qui me manque juste c'est cette fonction d'inserer de l'audio sur une image avec basculement sur lecteur audio, je sais que sur wordpress on peut le faire via jplayer mais trop complexe pour moi et meme en HTML j'ai regardé sur le site de l'éditeur, c'est pas évident, je voulais savoir s'il y avait plus simple

Vous savez j'ai que de petites notions, j'ai testé des webbuilder tel que wix/sitey etc, ils sont bien mais ce qui me manque juste c'est cette fonction d'inserer de l'audio sur une image avec basculement sur lecteur audio, je sais que sur wordpress on peut le faire via jplayer mais trop complexe pour moi et meme en HTML j'ai regardé sur le site de l'éditeur, c'est pas évident, je voulais savoir s'il y avait plus simple

Le moyen le plus simple que je vois, c'est d'utiliser l'API audio d'HTML-5, et de récuperer les informations sur l'image.
Par exemple tu aura une liste de cd représentés par une image un peu comme ça :
<img src="thumb-album" alt="Nom de la musique" data-flux-src="nom-musique.mp3">.
Lorsque tu cliques sur l'image, tu récupère via javascript le flux-srcqui correspond au fichier audio, puis tu le joue avec le lecteur .
Il te faut aussi personnaliser ton lecteur audio pour lui appliquer un style définis.

Mais si comme tu l'a dit tes connaissances en html-css-js sont très limités, il va te falloir du temps pour te former avant de faire ça

merci pour la réponse détaillée, est ce que cette manip peut se faire sur un webbuilder style wix? ou un autre du meme genre, éviter a tout prix wordpress?

Alors là aucune idée je t'avoue. Je pense que très peu des personnes présente sur ce forum utilisent Wix ou autre webbulder pour être franc ^^

Bonjour,

Ce que tu demandes ne peut être fait qu’en passant par du code. En passant par des services comme wix, tu ne peux que faire des éléments basiques (un lecteur audio ou il faut cliquer sur un bouton play).

Comme le disent @Benjamin Derepas et @Galyb : peu (voire pas du tout) de personnes ici utilisent ce genre de service (on est quand même dev web à la base) ; de plus, ce que tu essayes de faire est relativement complexe et ce gerne de plateforme ne le permettent pas (ou peut-être existe-t-il un template qui fait le taf je ne sais pas trop).

@betaweb a raison personne, en tant que dev web, ne travaillera avec un webbuilder a la wix ou autre ( leur repos github est soit dit en passant plein de jolie choses ). C'est une platform concurante on pourrais dire meme. Pour avoir vue wix en action je peut te garantir que tu est vite voir tres tres tres tres tres vite limité en terme de module custom.

troll = [ON]
il devrait essayé windev <3
troll = [OFF]

Merci pour vos réponses, je reviens avec de nouvelles interrogations.

Je suis interessé par ce theme http://themeforest.net/item/sura-music-web-app-html-template/10771749

Comme vous pouvez le voir c'est un HTML, le wordpress coute 3x plus cher, j'ai 2 questions:

Est-il possible de convertir ce theme en wordpress?
Comment dois je procéder pour une installation en HTML?

Bien à vous

Bonjour.

Comment dois je procéder pour une installation en HTML?

C'est déja en HTML.
Ensuite, si tu veux savoir comment créer un Thème WordPress : OpenClassrooms.