Pour insérer un son sur son Blog, il faut un lecteur Flash qui joue le fichier *.mp3. Il faut donc héberger un lecteur Flash en plus des fichiers *.mp3.
Pour mémoire, Blogger n'offre pas d'hébergement de fichiers.
L'hébergement gratuit
Google Sites autorise l'hébergement (gratuit) de fichiers Flash (*.mp3) ainsi que de fichiers son (*.mp3). La limite d'un compte gratuit est de 100 Mégas. Les fichiers doivent être téléchargés dans une Page Classeur (File Cabinet). Une restriction cependant, les fichiers doivent être utilisés sur un Blog hébergé sur un Domaine Internet Google (Blogger).
Les lecteurs Dewplayer
Alsacréations a développé plusieurs lecteurs Flash.
Le fichier *.zip disponible en téléchargement contient tous les modèles, pour utiliser le modèle Classic par exemple, il suffit d'insérer le code suivant dans le html d'un message ou dans un Gadget Html / Javascript (à saisir sans retour à la ligne) :
<object type="application/x-shockwave-flash"
data="http://URL/dewplayer.swf"
width="220" height="20" id="dewplayer" name="dewplayer">
<param name="movie" value="http://URL/dewplayer.swf" />
<param name="flashvars" value="mp3=http://URL/son.mp3" />
</object>
Le résultat (Carl Orff, Carmina Burana, O Fortuna) :
Le lecteur audio de Google
C'est le lecteur intégré dans Google Mail :
https://googledrive.com/host/0B4yfJJJSNrfubzNjVFhHVm94TGM/google-audio.swf
Pour l'utiliser, il suffit d'insérer le code suivant dans le html d'un message ou dans un Gadget Html / Javascript (à saisir sans retour à la ligne) :
<object data="https://googledrive.com/host/0B4yfJJJSNrfubzNjVFhHVm94TGM/google-audio.swf?audioUrl=http://URL/son.mp3"
width="220" height="25" type="application/x-shockwave-flash">
<param value="transparent" name="wmode"/>
<param value="https://googledrive.com/host/0B4yfJJJSNrfubzNjVFhHVm94TGM/google-audio.swf?audioUrl=http://URL/son.mp3"
name="movie"/>
</object>
Le résultat (Bach BWV 243, Gloria Patri) :
Le lecteur multi-média de Google
Le lecteur multi-média de Google Reader est disponible à l'adresse suivante :
https://googledrive.com/host/0B4yfJJJSNrfubzNjVFhHVm94TGM/google-audio-step.swf
Pour l'utiliser, nous allons l'appeler avec un Gadget Google, selon la technique décrite dans le Blog d'Aide pour Blogger, en utilisant le Gadget suivant :
google-audio-step.xml
Le code du iframe à saisir dans le html d'un message ou dans un Gadget Html / Javascript (à saisir sans retour à la ligne) :
<iframe style="width: 350px; height: 26px;"
src="http://www.gmodules.com/gadgets/ifr?
url=https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-step.xml
&up_MP3=URL fichier mp3
&up_START=No
&up_CCOL=%23eeeecc"
allowTransparency="true" frameborder="0" scrolling="no"></iframe>
Le résultat (Mozart, Requiem Dies Irae) :
Plus d'informations
Les Lecteurs Flash de Dewplayer pour jouer des fichiers *.mp3
Podcasting et fichiers joints sur Blogger
Des Gadgets pour son Blog
Un Gadget Google pour ajouter le lecteur Flash d'ODEO
Des lecteurs multi-média pour son Site ou son Blog (anglais)
Sonoriser ses images avec Dewplayer
Une Playlist sur son Site ou son Blog (anglais)
Trucs et astuces pour Google Sites (anglais)
Articles
54 commentaires:
Une fois mon mp3 enregistrer sur lecteur flash, que dois-je faire pour que cette musique se joue à l'ouverture de mon blog?
salut. Voila je viens de créer un blog http://my-dreaming-life.blogpot.com
Dans ce blog, en faite j'écris mon livre. Mais je voudrais savoir d'abord si c'est possible d'inverser l'ordre des articles (mettre du plus ancien au plus récent). Si c'est possible comment est-ce que je doi faire ?
(pardon si il y a déja une réponse pour ça dans ce blog mais je suis completemnt perdue)
Merci d'avance
Bonsoir
L ordre des articles est l ordre de publication (le plus recent d abord)
On peut changer la date de publication (fenetre edition message / options / date publication) mais c est beaucoup de travail, à faire pour chaque article publié !!
Cdt
salut !
voila, j ai crée un site google ou j y ai crée un classeur et où j y ai telechargé une musique.
sur mon blog, j ai rédigé un message ou j ai remplacé le html par l un des codes inscrit plus haut.
(jusqu'ici, tout va bien)
Mais comment doit on faire pr que le lecteur joue la musique que l on a téléchargé dans l hebergement ?
tres interessant, merci
Bonjour
@Starrbuck
J ai corrigé le Gadget, c est en ordre sur votre Blog avec le lecteur Google, et le fichier mp3 hebergé sur Google Sites
Cdt
Bonjour,
j'ai essayé votre truc pour lire un fichier mp3 dans l'un de mes articles ou l'un de mes messages de mon blogue,à partir de mon Gmail.com :
J'ai copié,dans le html de mon message,le code que vous présentez et le http de mon Gmail où se trouve mon fichier mp3 + le nom du son mp3 ;
le résultat est qu'une partie du code s'inscrit,"le Shocwawe", et l'autre partie disparaît quand je fais enregistrer mon message,"le movie".
Un rectangle noir apparaît dans mon message,où on devrait voir le lecteur du mp3 !
Si vous avez une solution à mon problème,pourriez-vous me répondre à ce sujet,s'il vous plaît?
Je vous remercie d'avance de me répondre.
Bonne Journée ou Bonne soirée à Vous !
Bonsoir Germain
Le fichier *.mp3 doit etre hebergé sur un serveur Internet
Utilisez Google Sites
Cdt
--
prac
--
Bonsoir,
Je vous remercie de m'avoir répondu.
Si je comprends bien votre exemple se rapportant à " O Fortuna ",de Carl Orff,je télécharge le lecteur mp3 Dewplayer,en fichier zip,sur ma Page Classeur de mon site Google et,ensuite,j'enregistre mon fichier musical Mp3 ?
Puis,je copie le code du modèle "Classic",que vous avez la gentillesse de nous montrer,et je le colle dans le html de mon article de Blogue ?
Et,en principe,tout doit fonctionner sans problème ?!
Je vous remercie d'avance de me signaler si je suis dans l'erreur ou sur la bonne voie de la réussite ?!
Je vous souhaite une bonne journée ou une bonne soirée !
Bonsoir Germain
C est la bonne procedure !!
Comment on fait pour que le lecteur démarre dès l'ouverture de la page?
Bonsoir
@myriam : cela depend du lecteur utilise. Pour dewplayer, ajoutez
autostart=1
Cdt
Bonjour,
j'ai lu tout l'article, j'ai essayé de comprendre le mieux possible :)
J'ai crée un site google, pis un classeur, dans lequel j'ai uploadé le fichier zip du lecteur et aussi le son... mais je pense que j'ai mal ecrit les url dans le code... Mais je ne sais pas ou est ma faute. Quand vous parlez de l'url, c'est bien tout ca ? http://sites.google.com/site/feedmewithfun/musique-du-jour
et quand je dois mettre l'url puis le son
http://sites.google.com/site/feedmewithfun/musique-du-jour/LaRock%28NeeliXxXReedit%29.mp3
Merci bcp de m'eclairer, a part ca, j'ai appris bcp de chose sur ce blog :)
Thx,
Bonsoir
@Arnaud
C est presque bon. EN ordre pour le MP3
- Pour le fichier zip, c est faux, prenez le lecteur (*swf) é l interieur du zip, et c est ce fichier *.swf qui doit etre place dans le classeur
Cdt
Bonsoir
@Arnaud
C est presque bon. EN ordre pour le MP3
- Pour le fichier zip, c est faux, prenez le lecteur (*swf) é l interieur du zip, et c est ce fichier *.swf qui doit etre place dans le classeur
Cdt
Bonjour, J'ai ajouté un lecteur dewplayer sur mon blog et ajouté autostart=1 pour que le morceau se joue seul mais je ne suis pas sûre de l'endroit dans le code où il faut l'ajouter. Pouvez-vous m'aider s'il-vous-plaît ?
Aussi parfois le lecteur ne fonctionne plus du tout et je ne comprends pas pourquoi sachant que le code n'est jamais modifié... Bizar ^^
Merci d'avance :)
http://dubizzart.blogspot.com
cc est ce que c possible avc Windows media player ?
j'ai consulté cet article pour ajouter de la musique à mon blog.. je vous remercie d'ailleurs pour l'explication.
Mais j'ai trouvé plus simple et ca peu aider quelques personnes =)
grâce a
http://listen.grooveshark.com/
vous pouvez obtenir votre code pr le lecteur et la musique sans besoin d''uplooder' c vraiment pratique et simple voici l'exemple dans mon blog ;)
http://abithinks.blogspot.com/
Bonjour,
Je crois que je suis la plus nulle lol
J'ai créé un site google et je bloque déjà ici !
Comment on crée un classeur ?
Merci de votre réponse. Bonne fin de journée et bonne semaine. Merci
Bonsoir
@Niki
Dans Google Sites : Créer page. Sélectionner un modèle à utiliser : Classeur
Cdt
Bonsoir, j'ai suivi les consignes de l'article à la lettre, mais je crois qu'il subsiste un problème. Dans mon article de Blogger, ce n'est pas un lecteur qui s'affiche mais un espèce de rectangle blanc vide...
voilà les liens que j'ai utilisé (j'ai choisi le lecteur Dewplayer Vinyl) :
Lecteur :
https://sites.google.com/site/loulabeeloulabee/home/musique/dewplayer-vinyl.swf
Son :
https://sites.google.com/site/loulabeeloulabee/home/musique/Chemise - She cant love you.mp3"
Pourriez vous me dire où est mon erreur ?
Merci d'avance...
N'ayant pas réussi à comprendre - une fois la page classeur crée et le mp3 téléchargé - comment trouver son url, je remercie flena pour avoir indiqué http://listen.grooveshark.com/
j'ai réussi à mettre un petit lecteur de la zik que je voulais en qq secondes.
Bonsoir
@loulabee
Le Site Google Sites doit être public
l adresse du lecteur et des mp2 : http://... et pas httpS
Cdt
Bonjour, chez moi seul fonctionne celui de Google Reader :
voir http://bit.ly/aQ0y9z
mais il fonctionne trés bien, jusqu'à ce que Google change les URL's qui ont une drôle de tête. On va croiser les doigts x
Merci beaucoup !
bonjour,
j'ai le même probleme que Loulabee, j'ai crée un site google et chargé ma musique dessus, ai copié dans le code de mon message blogger le code pour utiliser google player, et j'ai inséré dans ce code l'url (https://sites.google.com/site/musiquecamou/) de mon site et le nom de fichier mp3. Cependant, seulement un cadre blanc s'affiche sur mon blog.
comment transformer un site httpS en site public? (dans les options, j'ai mis public)
j'espère que c'est clair
Merci
Bonsoir
@Camille
Voila le html a mettre dans votre Blog, remplacez [ ] par < >
[object data="http://mail.google.com/mail/html/audio.swf?audioUrl=http://sites.google.com/site/musiquecamou/musique/01-JustinBieberft.Ludacris-Baby.mp3"
width="220" height="25" type="application/x-shockwave-flash"]
[param value="transparent" name="wmode"/]
[param value="http://mail.google.com/mail/html/audio.swf?audioUrl=http://sites.google.com/site/musiquecamou/musique/01-JustinBieberft.Ludacris-Baby.mp3"
name="movie"/]
[/object]
l adresse du MP3
http://sites.google.com/site/musiquecamou/musique/01-JustinBieberft.Ludacris-Baby.mp3
Cdt
merci de votre aide, mais ça ne fonctionne pas, rien ne s'affiche, même plus le cadre blanc google. Je suis sûrement nulle!
Bonsoir Camille
Donnez moi l adresse du blog sur lequel vous avez realisé cet essais
Cdt
Bonjour,
merci pour le travail que vous faites, et désolé de vous en rajouter : je coince totalement pour mettre des mp3 perso sur le blog...
J'ai créé un site google sites et une page classeur avec un player et un mp3. Puis j'ai collé le lien que vous fournissez dans un nouveau message sur mon blog... et au mieux j'ai un player qu'apparaît mais sans fichier mp3 à lire...
Bref, paumé... Vous pouvez m'aider !??
Bonsoir
@Alexandre
Je viens de verifier, votre lecteur fonctionne ici
http://info-ma-tic.blogspot.com
Bonne semaine
Bonjour,
merci merci !
c'est comme d'habitude, on laisse reposer un moment puis quand on s'y remet on arrive à régler le problème...
Merci d'avoir jeter un oeil ;)
Bonjour
j'ai essayé dans tous les sens
avec le lecteur classic
en supprimant le "s" de http
mais mon lecteur n'apparaît pas
et je ne suis pas certain de l'endroit ou il faut mettre le
fichier mp3
Please de l'aide Merci
https://sites.google.com/site/radiosaintdo/emission-1
le blog :
http://radiosaintdo.blogspot.com/
cordialement
Bonsoir
@radio St Do
Voici le code correct
[object type="application/x-shockwave-flash" data="http://sites.google.com/site/radiosaintdo/emission-1/dewplayer.swf" width="220" height="20" id="dewplayer" name="dewplayer"][param name="movie" value="http://sites.google.com/site/radiosaintdo/emission-1/dewplayer.swf" /][param name="flashvars" value="mp3=http://sites.google.com/site/radiosaintdo/emission-1/jingle/clemencejingle.MP3"/][/object]
(remplacer [] par <>)
Cdt
Bonjour Viti vino
merci pour votre réponse rapide
mais je crains que ca ne fonctionne pas ...le lecteur n'apparait plus du tout !
Changer juste les parenthéses , je pensai alors ne pas être si loin du résultat...
Et par ailleurs, pourquoi avoir dit dans un message à "Camille" de faire l'inverse ?
A bientôt
@Radiodo
Bonjour, il faut remplacer [] par <>, les commentaires d un blog ne permettent pas de saisir des tags !!
Ne pas coller le code avec des retours a la ligne (blogger insere des tags br
Je vous ai fait le code et remis l explication sur une copie de votre blog ici
RADIODO
Cela fonctionne parfaitement !!
Cdt
Bsoir
C'est vraiment très sympa
et merci pour votre dispo
et vos compétences
cldt
Bonjour,
je viens d'installer le lecteur mp3 sur mon blog http://fefeaubled.blogspot.com/ Tout fonctionne parfaitement...mais que pour moi : aucune musique si l'on visite mon blog à partir d'un autre ordinateur (je précise que ceci est aussi valable pour n'importe quel widget mp3).
Pour info, tout le monde pouvait entendre la musique jusqu'à récemment.
Merci pour votre aide.
Féfé
@fefeaubled
Bonsoir, ou sont heberges les fichiers mp3 ? ils doivent etres d acces public
Cdt
Les fichiers mp3 sont hébergés sur FileFreak (j'y ai également hebergé le fichier zip de Dewplayer).
Pour info, j'utilisais d'abord le widget music de Widget box mais depuis quelque temps, à part moi, personne ne pouvait plus entendre la musique. Pensant que le problème venait du Widget, j'ai changé pour Dewplayer...
Vous connaissez déja la suite :)
Merci d'avoir répondu aussi rapidement
bonjour,j'ai réussi après pas mal de temps à mettre sur mon blogspot un lecteur dewpalyer. le problème est que lors d'un clic sur play aucun son ne sort?
j'ai hébergé mon son mp3 et aussi le swf de dewplayer sur archive-host. puis ai mis sur un gadget de blogspot ceci:(object type="application/x-shockwave-flash" data="http://www.archive-host.com/files/1171020/c7e9c8b8c28ad982ad716024e4e4f0b6a1a34a63/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer") (param name="wmode" value="transparent" /)(param name="movie" value="http://www.archive-host.com/files/1171020/c7e9c8b8c28ad982ad716024e4e4f0b6a1a34a63/dewplayer-multi.swf" /) (param name="flashvars" value="mp3=http://www.archive-host.com/files/1164098/c7e9c8b8c28ad982ad716024e4e4f0b6a1a34a63/03_Piste_03.m4a&showtime=1" /) (/object)
les parenthèses remplacent le fleches
j'ai enfin le petit lecteur sur mon blog mais pas de son lors du clic sur le bouton play?
merci si quelqu’un peut me dire pourquoi?
Bonsoir
@Denis Draillard
C est votre fichier mp3
http://www.archive-host.com/files/1164098/c7e9c8b8c28ad982ad716024e4e4f0b6a1a34a63/03_Piste_03.m4a&showtime=1
qui n est pas accessible. Vous pouvez heberger vos mp3 sur Google Sites, page classeur
Cdt
Bonjour,
Je viens de créer mon blog et souhaite y ajouter un petit lecteur.
J'ai donc enregistré une playlist sur Grooveshark mais je ne sais pas comment faire à partir de là pour obtenir un lecteur.
(J'ai cliqué sur la playlist, puis sur "Partager la liste de lecture sur Widget", j'obtiens un lien mais ne sais pas où le coller ).
D'avance merci
merci beaucoup. je vais essayer sur l'hébergeur dont vous me parlez et vous tiens au courant.
Bien Cordialement.
remoi et rebonjour, C'est pas possible d'être aussi nul que je suis.
J'ai hébergé mon mp3 sur 4share (qui m'a donné l'url de mon mp3); en effet j'ai aussi mis sur le site de sites google ce même mp3 mais impossible ensuite de'obtenir son url, je ne sais pas comment faire! si vous savez merci.)
une fois l'url du mp3 obtenu avec 4share j'ai fait un copier coller à la place voulue dans le html de mon blogger. mais toujours pas de son. je me demande si ce n'est pas un problème au niveau des références du dewplayer que je n'ai peut être pas bien mises.je vous redonne ma page html et l'adresse de mon blog.
merci si vous arriver à voir ce qui cloche (comme moi!!!):
(object type="application/x-shockwave-flash" data="http://www.archive-host.com/files/1171020/c7e9c8b8c28ad982ad716024e4e4f0b6a1a34a63/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer") (param name="wmode" value="transparent" /)(param name="movie" value="http://www.archive-host.com/files/1171020/c7e9c8b8c28ad982ad716024e4e4f0b6a1a34a63/dewplayer-multi.swf" /) (param name="flashvars" value="http://www.4shared.com/audio/jCsc9yne/03_Piste_03.html" /) (/object)
les flèches étant remplacées par des parenthèses.
adresse du blog: www.choeurdechambre.blogspot.com
Bonsoir
@MM
Grooveshark : SOus partager, utiliser l option widget et copier le code
Coller le code fourni ([object ......./object]) dans un gadget html / javascript
Cdt
Merci !
ca marche aussi sur blogger?
merci
@Viti-Vino
Une bizarrerie m'échappe totalement. J'insère dans un nouveau message plusieurs lecteurs dewplayer avec un mp3 différent à chaque fois. Tout marche. Mais il suffit que je clique sur "rédiger" (dans l'interface de saisie des messages de Blogger) puis de nouveau sur html, pour que tous les lecteurs changent tous seuls leur value mp3=... avec plus qu'un seul des différents titres présents auparavant. Comment expliquez-vous ceci ? Je suis obligé de ne pas passer par "rédiger" dans le mode d'écriture de commmentaire. très étrange. Alors que si je met un code iframe avec le lecteur de google, ces différents lecteurs me gardent leur mp3 respectif !
bonjour,
Peut on mettre un morceau de musique avec un player sur blogspot dans un message (la case)
et concernant le player on l insere dans le message ou il faut le mettre dans les docs du compte google et où?
Merci bin!
François
Désolé du retard.
- L adresse de votre fichier son sur votre site Google Sites
http://sites.google.com/site/clifdentrio
est
http://sites.google.com/site/clifdentrio/pintofreverence/02GRADA-PintofReference.mp3
- Ce qui nous donne comme code a inserer, pour avoir le lecteur MP3 multi-media de Google
(iframe src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/google-audio_player.xml&up_File=http://sites.google.com/site/clifdentrio/pintofreverence/02GRADA-PintofReference.mp3&up_Backcol=%23eeeecc&up_FlashWidth=400&up_FlashHeight=27" width="410" height="37" allowTransparency="true" frameborder="0" scrolling="no")Un gadget Google appelé par iframe(/iframe)
- remplacez () par <>
code a coller dans le html d un message ou dans un gadget html / javascript de Blogger, sans blancs ni retour a la ligne
- Il y a un gros problème avec votre fichier mp3, il n est pas lisible avec les lecteurs standards. Verifiez l origine de ce fichier, il n est pas en mp3 en realite !!!
- Je vous suggere d'utiliser un Gadget Blogger standard pour inserer du son, voir ici
Gadget lecteur mp3
Cdt
Bonjour,
j'ai le même problème que Loulabee et camille. Mon google site me donne une adresse https ! j'ai créé un autre site en choisissant un modèle pour les écoles (donc public) et rien à faire, c'est un htpps. et pourtant ils apparaissent bien "partagé avec tout le mode" d'après google site. Je n'ai pas su interpréter la réponse que vous avez fait à Camille.
Merci d'avance pour votre aide, et merci pour les conseils. j'ai découvert l'univers google site... vraiment très sympa !
ps : blogger ne m'indique pas si mon commentaire vous a été envoyé, je m'excuse si vous le recevez une 3ème fois
Bonsoir
@Emilie
Vous pouvez mettre votre mp3 sur Google Sites et utiliser l adresse https avec un Gadget lecteur son
Gadgets lecteurs sons
Cdt
Bonjour,
J'ai hébergé mes fichiers sur une page classeur google sites, intégré le code comme vous le conseillez. Ca marche parfaitement tant que je suis connectée sur mon compte google, mais dès que je me déconnecte, plus rien n'apparait. J'ai pourtant vérifié, tout est classé dans public.
Avez vous une idée de ce qui se passe? Voilà l'adresse du site:
www.obadia-jazz-quartet.com/p/un-peu-de-musique.html
Merci d'avance!
Bonsoir
@Obadia
Oui, ma reponse va vous decevoir. L hebergement sur Google Sites fonctionne (= peut etre utilisé / lu) par un site du Domaine Internet Blogger. Un blog de blogspot.com par exemple. Malheureusement votre Blog n est pas heberge sur blogger, vous avez votre propre nom de domaine. Rien n est perdu, placez votre fichier *.mp3 sur Google Drive. Plus d'infos dans mon article sur Google Drive, fichiers sons.
Cdt
Enregistrer un commentaire