|
Le blog qui apporte les réponses à vos questions sur OverBlog: publication, gadget... Plus de 1 000 000 blogs sur OverBlog 37801 personnes connectées (ici: 1 ) Follow-me on Twitter |
Encore une question traitée - souvent à la volée et de manière superficielle - dans le forum :
Comment insérer une musique dans son blog ?
Je vous conseille d'insérer les mp3 par la méthode dewplayer
Les méthodes se différencient selon que l'on veut faire appel:
Notez que la balise OBJECT inclut une balise EMBED pour assurer la compatibilité entre navigateurs.
Il faut donc définir deux fois les paramètres du lecteur. Les paramètres sont passés à la balise OBJECT via des balises <PARAM name="" value=""> et à la balise EMBED par des paires nom="valeur"
Comment insérer une musique dans son blog ?
Je vous conseille d'insérer les mp3 par la méthode dewplayer
Présentation
Il y a plusieurs façons de jouer de la musique sur Internet.Les méthodes se différencient selon que l'on veut faire appel:
- à l'application lecteur multimédia par défaut du visiteur (Windows Media Player, iTunes - QuickTime, RealMedia, WinAmp etc...) qui s'ouvre dans une nouvelle fenêtre.
- au plugin multimédia du navigateur qui affiche ou non un panneau de contrôle dans la page web.
- le type de fichier musical que l'on veut jouer (MP3, AIF, MOV, RAM, etc..).
Je vous conseille de définir le type de fichier dans le code que vous insérerez (voir les types MIME ci-dessous) - le navigateur du visiteur
- le lecteur multimédia (et le système d'exploitation) du visiteur
Les méthodes
Dans chacune des méthodes ci-dessous, vous devez insérer le code HTML (en mode HTML et non Design) dans votre article, votre entête, votre pied de page ou un module Texte libre.
Le lien direct
La méthode IMG
La méthode OBJECT
Le lien direct
Il vous suffit d'insérer un lien vers votre fichier musical, par exemple:
<a href="http://francisek.gplm.free.fr/obzic/Mozart-la-flute-enchantee.mp3">La flûte
enchantée</a>
Résultat:
La flûte enchantée
La musique ne démarre pas automatiquement, elle est d'abord intégralement téléchargée.
La méthode IMG
Cette méthode ne permet pas d'afficher de panneau de contrôle et fonctionne de manière aléatoire selon les navigateurs.
Le code HTML pour cette méthode est :
<IMG DYNSRC="http://urldemonfichier.fr/Mozart-la-flute-enchantee.mp3" border="0"/>
Autre inconvénient, il faut changer le style CSS des images afin de leur attribuer une bordure.
La méthode OBJECT
La méthode OBJECT est plus compliquée mais beaucoup plus intéressante que les précédentes car plus compatible. Elle permettra presque à coup sûr à vos visiteurs de profiter de votre musique.
La méthode OBJECT définit le lecteur (WMP, iTunes, RealPlayer) qui sera utilisé par votre visiteur. Je vous déconseille d'utiliser la version Windows Media Player
car le plugin n'est pas disponible sur tous les systèmes d'exploitation et le panneau de contrôle ne s'adapte pas à la taille que vous définissez. Vous préférerez donc l'usage de QuickTime,
beaucoup plus intéressant à mon sens.
Voici donc le code à insérer :
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160" HEIGHT="16"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="http://francisek.gplm.free.fr/obzic/playlist.m3u">
<PARAM name="AUTOPLAY" VALUE="false">
<PARAM name="LOOP" VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/x-mpegurl" src="http://francisek.gplm.free.fr/obzic/playlist.m3u" autoplay="false" width="160px" height="16px" loop="false" controller="true" PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
Et le résultat:
Notez que la balise OBJECT inclut une balise EMBED pour assurer la compatibilité entre navigateurs.
Il faut donc définir deux fois les paramètres du lecteur. Les paramètres sont passés à la balise OBJECT via des balises <PARAM name="" value=""> et à la balise EMBED par des paires nom="valeur"
Ces paramètres sont les suivants :
| Name | Value |
|---|---|
| SRC | URL du fichier ou de la playlist à lire. |
| AUTOPLAY |
|
| CONTROLLER |
|
| TYPE |
(dans EMBED) Type MIME du fichier à lire. Par exemple:
L'avantage est qu'on peut aussi insérer des vidéos par ce biais. |
| Voir tous les paramètres (en anglais) |
Construire une Playlist (pour MP3)
Il y a de nombreux avantages à ne pas mettre un fichier MP3 directement en paramètre SRC mais plutôt un fichier de playlist (m3u):
- lecture de plusieurs morceaux à la suite
- lecture en streaming : la lecture commence sans que le fichier ne soit complètement chargé.
- modifications faciles : pour ajouter des titres, il suffit d'éditer le fichier M3U
Je vous conseille donc d'utiliser une playlist même si vous n'avez qu'un fichier à lire !!
Le fichier de playlist est un simple fichier texte qui contient l'URL des fichiers MP3 à lire placés. Voici un exemple de fichier M3U :
Le premier morceau est dans le même dossier que la playlist, le second sur un autre site et le troisième dans un sous-dossier classique.Mozart-la-flute-enchantee.mp3
http://www.monsite.com/Beethoven-9eme.mp3
classique/dvorak-nouveau-monde.mp3
Commentaires
Rechercher
Liste d'articles
- Ce n'est qu'un au revoir
- Barre OverBlog
- Images et fichiers: mise à jour
- Le partenariat nouveau est arrivé
- OpenOB, comment participer à OverBlog
- Top des blogs - Classements
- Le portail d'OverBlog fait peau neuve
- Facebook, Twitter, Wikio et autres annuaires
- Gestion des designs - Personnaliser son thème
- Gestion des images - Taille et optimisations
Article très intéressant, j'ai déjà rerouté un bloggueur dessus ;-)
Pas mal avec le nouveau design @+
Post très intéressant et bien expliqué !
De toute facon, insérer de la musique est compliqué, et demande un minimum de connaissances. On ne peut guère faire plus simple.
.EdHtmlTag pour les balises HTML et .EdHtmlAttrib pour les attributs HTML
Tu peux les mettre dans ton CSS si tu le désires (je fais un ajout CSS dans ce commentaire, je sais c'est pas bien, si ça ne plait pas, supprimes-le ...)
Comment crée un fichier .m3u ?
Simple fichier texte à priorie mais sous word ou autre je ne vois pas comment avoir une extension .m3u
ce n'est jamais qu'un fichier texte avec une extension particulière ;)
Je vais essayer de suite :)
Je te remercie !
je vais de ce pas jeter un oeil à ton site
ca évite la lenteur sur le serveur.
Une méthode est de créer un site sur Multimania et d'héberger ses musique là bas (mais c'est un peu galère à comprendre)
Après avoir disséqué pendant des heures et des heures les différents tuto, sites internet sur le sujet ...etc, je m'adresse à toi (tes conseils m'ont bien servi) car ma radio blog a des soucis, les musiques ne se chargent pas. J'ai continuellement "preloading track", sans que ça charge quoi que ce soit. Je ne vois pas du tout d'où vient le problème même après l'avoir trituré dans tous les sens! lol
Peux tu m'aider ? Merci
Melie
(mais je suis pas expert en musique lol )
à quel endroit dois je insérer ces codes et ou est ce que je peux mettre les fichiers musicaux?
merci à+
j'ai réussi à mettre en musique de fond un fichier midi sympa
ravie des explications, car même sans connaitre le langage source, j'y suis arrivée !!! ouah!!! un grand merci !
demande d'infos :
j'ai changé de musique chaque jour, il y a qq chose que je ne comprends pas; il me semblait qu'au début, quand on ouvrait une autre page pour lire un texte la musique continuait , alors que maintenant, elle repart du début chaque fois !
j'ai procédé exactement de la même manière, peux-tu m'aider ??? merci par avance
bon, je croyais que non,
j'ai voulu mettre les canons de pachelbel en mp3 , mais cette musique qui redémarre à chaque changement de page !! c'est vraiment pompeux !! alors je l'ai virée et j'ai remis un petit fichier midi léger !
il n'y a pas un truc de pro pour la musique en continu ??? !! sniff !!
bonjour
Je vois que je ne suis pas le seul à chercher à mettre de la musique sur mon site.
Je suis prof de musique (pas d'informatique, malheureusement) et je voudrais inclure sur mon blog des fichiers mp3 qui sont des accompagnements que j'ai créés, afin que mes élèves puissent venir "piocher" ce dont ils ont besoin. J'ai besoin d'y mettre aussi des partitions que j'ai créées.
Comment faire?
Il semble y avoir tellement d'options différentes que je m'y perds un peu. Ce serait sympa d'avoir un "condensé "de la méthode à appliquer.
En tout cas, bravo pour votre site
A bientôt
Ajouter un son
jai essayé de mettre de la musique sur mon blog mai rien a faire sa m'affiche un petit logo quicktime sans son ni lecteur vous avez ka allé voir le lien !!!!
kelkun pourai til me donné un cou de main car la je galere vraimen
merci davance a celui ki ora la possiblité de resoudre ce probleme
Slt
Je voudrai bien mettre "rock the house" de Gorrillaz pourrait tu etre gentil et me donner le code?
Salut !
Je commence par te dire que je trouve ton article magnifique ! Mais j'ai une question très importante le conserna . Donc j'ai toujours rêvé de mettre de la musique sur mon blog. Je lis depuis quelques jours, je parcours tous les endroits qu'on me montre et je ne trouve toujours rien. Jusqu'à ce que j'arrive chez toi. Donc, pour mettre de la musique , j'ai utilisé la methode embed . En fet , j'ai recopié le code que tu nous donne et je suis allé le coller en mode source en texte libre. Quand je suis allé voir le résultat sur mon blog , ca jouait ! Pour la première fois ! Mais quand j'ai voulu mettre la musique qui me plait , ca ne jouait plus . Je me demande pourquoi ? Pourtant j'ai fait tout ce qu'il fallait pour mettre url de la musique que je voulais. Conserna la musique, j'aurais besoin d'être éclairé ! Tu as beaucoup à lire alors je continu en bas.
Bisous xxxxxx
Re salut !
Comme je disais , j'ai vraiment de la misère pour comprendre comment mettre de la musique sur mon blog. Si tu peux m'aider , ca serai très gentil de ta part. Pour m'aider , j'aurai besoin que tu réponds à mes questions.
1. Comment on fait pour être hebergé ?
2. une fois qu'on est hebergé , comment on fait pour telecharger la musique et mettre son url dans fichier ?
3. En fet j'aurai besoin que tu me dise comment tu as procédé et si tu pouvais me refiler des adresses des hebergeurs , ca serai gentil de ta part !
Coucou !
Sur mon blog, à droite tu vas trouver un lecteur comme celui qui est chez toi , ne sois pas surpris si tu entends la musique, car c'est elle que tu as sur ton blog. Si ca te dérange de la voir chez moi , fais juste me le dire et je vais l'enlever . Je te laisse la chanson que je veux avoir chez moi et sa chanteuse. Si tu peux me trouver son code , ca me toucherai énormement . Donc , c'est : my heart will go on de Céline Dion. Je veux le code selon la methode de embed et en mp3 , si c'est ca qui marche. Je te remerci en avance !!!!!
Gros bisous xxxxxxx
J'ai une question toute bête, mais comment créer une playlist pour ensuite l'ajouter à mon blog en fond musical ?
Merci d'avance !
néanmoins comme t comment configurer le code pour que ce soit WMP qui lise mon son plutôt que Quicktime ??
merci d'avance
Salut,
J'ai lu tt les commentaire et je nai pas trouvé comment faire une playlist pour l'inserer sur mon blog,pouvez vous m'aider
Je narrive a faire fonctionner ma playlist
est-ce que c normale que ca maffiche ca pour l'adresse de la playlist ?
http://h1.ripway.com/SyriolKay/Ma%20musique/playlist
Désolé pour le retard,
Je fais comment pour avoir la bonne adresse?
salut !
alors pour commencer je suis pas très douée pour tout ce qui est informatique (je découvre). j'ai lu (très très très vite fait) les commentaires et la question que je vais te poser a surment déjà été répondue :
j'ai vu dans les commentaires qu'on parlait de "héberger" sa musique...mais vu que j'avais la flemme de tout lire, je préfère demander directement : c'est quoi??? en fait, dans le code il me manque juste ça pour que ça marche, comment mettre sa musique sur une page internet ou autrement comment l'"héberger"?? il faut aller sur quel site?
merci d'avance !
c'est l'usine à gaz pour mettre de la musique!!!
étant novice j'ai quelques problèmes pour insérer de la musique.
j'ai essayer la méthode lien direct et en test j'ai inséré le lien de l'exemple mais je n'obtient pas le résultat voulu. est ce que par hasard il me manquerai une notion importante??? merci
Bonjour,
Je trouve tous les tutos super bien fait et mettre de la musique semble être super facile. Par contre, j'ai quand même une question sur les musiques : peut-on mettre "librement" n'importe quelle musique tourner sur un blog ? Sinon, que peut-on y mettre ? Des musiques libres de droits ? Des samples ? Dans ce dernier cas, comment "transformer" une chanson en sample (comment la découper en fait et avec quoi) ? Et quelle est sa durée maximale autorisée ?
Comme j'ai un doute à propos de ce sujet là, j'hésite à mettre de la musique pour l'instant.
Voilà, merci beaucoup pour votre aide !!
les samples aussi, théoriquement, mais la loi changeant souvent, aucune idée de durée. pour le découpage, il faut chercher un découpeur de musique sur google, en fonction du format du fichier.
Bonjour,
J'essaie d'insérer un fichier musical sur mon blog, pour que la musique soit entendue dès l'ouverture du blog.
Je n'arrive pas à faire en sorte que mes fichiers fonctionnent: en les mettant sur putfile, j'obtiens :
<a href='http://media.putfile.com/Jewel---Standing-still50' target='_blank'>Click here to watch 'Jewel---Standing-still50'</a>
et
http://media.putfile.com/Jewel---Standing-still50
quel lien dois-je insérer dans le mode source de mon texte libre pour que ma musique appraisse avec une barre d'outil musical ?
Merci d'avance et félicitations pour ce site qui est très utile...
merci mais... je ne suis pas très douée en informatique, j'y arrive pas...
Salut !
Merci beaucoup pour tous ces conseils.
J'ai réussi à insérer un code pour lire la musique, je l'ai fait avec la méthode OBJECT et EMBED pour tester. Elles fonctionnent toutes les deux, mais est-ce normal que la musique ne commence pas automatiquement ? J'ai mis true dans l'AUTOPLAY mais ça ne fonctionne toujours pas
Slt,
J'essaie la méthode EMBED (celle en début d'article), un coup fait je ne vois pas le controler ? Juste un carré rouge avec X. Comment je fais pour avoir l'image ?
J'ai également hébergé mon .mp3 sur Megaupload.com mais le lien remis ne se termine pas .mp3 ??? mais plutot par des lettres ! Crois-tu que ça va fonctionner quand même ?