un lecteur de musique dans une fenêtre popup

communauté : Gadgetothèque

C'est une question redondante chez les blogueurs : "comment faire en sorte que la musique jouée par un lecteur de musique sur le blog ne se coupe pas à chaque changement ou rafraîchissement de page?"
Une solution : dissocier le lecteur du blog en insérant le lecteur dans une fenêtre popup.
Dis comme ça, ça semble simple. Mais beaucoup se demandent quand même comment faire.
Et bien, en fait, c'est vraiment très simple.
Les outils nécesaires sont : un hébergeur gratuit de fichiers, du genre archive-host pour héberger le fichier son et la page html contenant le code du lecteur de musique et un simple éditeur de texte pour créer une page html.

Héberger son fichier de musique et récupérer son url absolue
Ouvrir un éditeur de texte
Y insérer le code de son lecteur*
Enregistrer au format html
Héberger la page html
Récupérer son url
Faire un lien dans son blog, dans un module texte libre par exemple, vers cette page html en choisissant lien externe et destination popup, en précisant les dimensions souhaitées pour la fenêtre popup (par exemple 30*220 pour un dewplayeur qui fait 20*200 )

Et voilà, en cliquant sur ce lien, la fenêtre popup s'ouvre, avec le lecteur de musique dedans et il est possible de continuer à surfer sur le blog (ou ailleurs ) sans que la musique s'arrête.

Démonstration vidéo

*Exemple de code pour un lecteur de musique

à personnaliser et à mettre en mode html

où l'on remplace URLmp3 par l'url de son fichier mp3 et 000 par le code couleur de son choix pour le fond du dewplayer

publié dans : trucs et astuces pour son blog
ajouter un commentaire commentaires (7)

Voir tous les articles

Commentaires

merci pour ta reponse et ton avis sur mes dessins
a+

commentaire n° : 1 posté par : elf (site web) le: 24/05/2008 21:34:18

de rien

réponse de : bakemono (site web) le: 28/05/2008 08:20:47

Un bog rempli d'astuce.. je viendrais souvent en prendre
bisous

commentaire n° : 2 posté par : Etoile (site web) le: 25/05/2008 11:48:41

elles sont là pour ça

réponse de : bakemono (site web) le: 28/05/2008 08:21:12

Ton blog est lui aussi une vraie mine d'or. Bon travail et bonne continuation.
A plus tard.

Marc

commentaire n° : 3 posté par : Marc (site web) le: 30/05/2008 10:20:05

Faudrait que je mette à jour les tutoriels...mais merci

réponse de : bakemono (site web) le: 21/06/2008 13:38:35

Bonjour, j'ai un petit problème pour mettre le lecteur de musique sur mon blog. En fait c'ets un problème de navigateur.
J'ai créé le fichier html et je l'ai essayé pour voir si ca marche avec Mozilla (que j'utilise tout le temps) mais à la place de m'afficher les secondes de la musique (genre 241/468), le lecteur affiche : NaN/NaN ...
J'ai alors essayé avec IE et là ca marche. Auriez vous une solution à ce problème ? Merci de me répondre sur mon mail ou mon blog. Voila merci !
A bientot j'espère.

commentaire n° : 4 posté par : Hørd (site web) le: 09/06/2008 21:15:44

bonjour
Je ne vois pas de lecteur de musique sur ton blog, et sans le code, il n'y a absolument rien que je puisse faire pour t'aider.

réponse de : bakemono (site web) le: 10/06/2008 12:02:48

Normal, je l'avais retiré comme ca ne marchais pas.

Je l'ai remis :)

commentaire n° : 5 posté par : Hørd (site web) le: 10/06/2008 20:25:47

Ben oui, mais si j'ai rien à regarder, ben je ne risque pas de pouvoir t'aider...
Test du code donné dans cet article pour dewplayer, avec l'url de ton morceau, inséré avec FF3

réponse de : bakemono (site web) le: 11/06/2008 08:55:10

Ah mince, j'ai oublié ... Le lien se mette sous cette forme "link" et il faut cliquer dessus pour que ca aille vers la musique (et ca charge dans la fenetre actuelle)
C'est possibleque ca se lance direct à l'arrivée sur la page ?
Merci

commentaire n° : 6 posté par : Hørd (site web) le: 10/06/2008 20:28:17

Comme tu vois sur cette capture, capture

avec un code dewplayer standard inséré avec firefox (FF3.0 pour moi ), l'afichage est correct
Tu peux le mettre dans un popup (comme expliqué dans l'article ci-dessus ) mais perso, je n'explique plus comment faire des popups qui s'ouvrent automatiquement, déjà parce que les navigateurs les bloquent en général, et puis parce que c'est super pénible les popups qui s'ouvrent sans que tu demande rien, ou les musiques qui se lancent automatiquement.

réponse de : bakemono (site web) le: 11/06/2008 16:53:08

Je suis franchement nul...
Je trouve pas le bouton pour ajouter mon post dans "Présentez votre blog"
http://forum.over-blog.com/thread-2623210-0.html

commentaire n° : 7 posté par : Pam (site web) le: 15/07/2008 10:12:13

Tu es bien connectée à ton administration? Parce que si tu vas sur le forum en n'étant pas connecté, tu vois le forum en mode lecture seule, pas de bouton répondre.

Tu as un bouton répondre en bas de chaque page de fil, et dans le menu de gauche

réponse de : bakemono (site web) le: 15/07/2008 10:31:28