Insérer un fichier son (mp3 ou Wave) sur votre blog

playerSuite à la demande d’une blogueuse, voici une petite astuce qui pourra vous servir. Si vous disposez d’un fichier son et que vous souhaitez le placer sur votre blog sans rediriger vos lecteurs vers une autre page, il est possible de placer un lecteur directement dans votre billet. Le principe est le même que pour un lecteur exportable fourni par Dailymotion ou Deezer, excepté que vous devrez vous-même personnaliser le code. C’est très simple et très rapide.

Première étape, héberger le fichier son. Vous pouvez le faire dans votre gestionnaire de médias (jusqu’à 2 mégas) ou ailleurs, il vous faut juste obtenir l’URL du fichier en question. Dans le gestionnaire de média, vous la trouverez en cliquant sur le nom du fichier concerné.

Deuxième étape, retoucher le code suivant : <EMBED src=urldufichier width=200 height=20 LOOP= »FALSE » AUTOSTART= »FALSE »>

Vous devez placer l’URL du fichier son (Wave, mp3 ou autre) à la place de urldufichier. Vous pouvez changer la taille du lecteur grâce à width (largeur) et height (hauteur) en changeant les chiffres (exprimés en pixels). LOOP vous permet de mettre la chanson en boucle (dans ce cas mettez LOOP= »TRUE », si vous ne le souhaitez pas mettez LOOP= »FALSE »). Enfin, AUTOSTART vous propose de démarrer la lecture automatiquement (ou pas).

Voici en exemple de rendu pour le code <center><EMBED src=/public/images4/jinglebells.mp3 width=200 height=20 LOOP= »FALSE » AUTOSTART= »FALSE »></center> :

 

A vous de jouer !

OFFRES D'EMPLOI WEB

Chef de Projet CRM H/F

22 ans d'existence, plus de 2600 collaborateurs, 137 millions d'Euros de chiffres d'affaires en 2015, Proservia, marque de ManpowerGroup, est un acteur solide et reconnu sur le marché des ESN.Spécialisés ...

Team Leader Cellule Graphique – Intégration Emailing H/F

Associant marketing, création et technologies, Publicis ETO est une agence hybride qui réunit 295 collaborateurs pour 25 millions d'€ de MB en 2015. Spécialisée dans le Marketing Client, ETO conçoit ...

Chargé de Projet Marketing H/F

Disposant d'un réseau national d'agences immobilières et membre d'un Groupe présent sur le marché immobilier depuis plus de 15 ans, son succès repose sur une innovation de logement neuf.Rattaché(e) à ...

Commentaires

  1. BJC
    13 mars 2009 - 10h34

    là tu lis dans mes pensées 😉
    ça marche aussi dans la sidebarre ?
    merci !!

  2. Modérateur
    13 mars 2009 - 10h50

    Oui, pas de soucis pour la sidebar 😉

  3. Véronique
    13 mars 2009 - 11h15

    rhoo pourquoi mes marques pages (je sais, c’est dépassé) t’inscrivent direct dans « utilitaire »!!

  4. Flameboy
    13 mars 2009 - 11h28

    Perso pour les blogs utilisant WordPress, le plugin Audio-Player est bien pratique en plus de graphique : http://is.gd/naEe

  5. Carlos
    13 mars 2009 - 23h05

    Merci,

    Je te fais signe, si je rencontre un problème pour le mettre en place.

  6. musique
    7 avril 2009 - 18h31

    Super, c’est ce que je cherchais, merci!

  7. nadine
    1 juillet 2009 - 18h35

    Grosse difficulté
    Dans le panneau de configuration j’ai trouvé son et et périphériques audio ensuite c’est petit chinois qu’est ce qu’un fichier mp ou wave ?
    Je me suis abonnée à Deezer mais comment insérer de la musique sur mon blog ?
    Si en changeant quelque chose sur mon pc est ce que je vais galérer avec skype ou messenger ou en écoutant de la musique avec windows media player. Je navigue sur windows 8.

    une novice en informatique

  8. Miette
    3 novembre 2009 - 15h28

    Post très utile, clair et accessible.
    Merci, ça m’a bien servi.

  9. Mc David
    30 janvier 2010 - 16h09

    Merci pour l’astuce.

  10. logodor
    23 mars 2010 - 11h24

    Bonjour,

    Pour lire le fichier son sur notre blog, on me demande un pluging additionnel (je suis sous ubuntu 9.10) mais je n’arrive pas à savoir lequel ?

  11. cristo
    2 avril 2010 - 14h56

    Bonjour,
    Ce matin j’ai importé un widget texte dans la barre de navigation, j’ai ouvert celui-ci pour le nommer et dans la partie texte, j’ai écrit le code suivant comme indiqué dans une info:
    <EMBED src=urlduson.mp3 width=200 height=20 LOOP= »TRUE » AUTOSTART= »TRUE »>.
    Cela n’a pas « marché ». Je voudrais aussi installer une bannière dans le wrapper.
    Qui peut m’aider ? Merci pour tout.

  12. Modérateur
    2 avril 2010 - 15h19

    @cristo : peux tu m’indiquer l’URL de ton blog s’il est sur la plateforme ? Je vais regarder çà.

  13. wklog
    20 décembre 2010 - 14h04

    Vraiment c géniale…voila ce que charche merci

  14. Marie Pierre
    28 septembre 2012 - 11h39

    j’arrive après la bataille ! j’ai crée des fichiers sons enregistrés dans un dossier dans « ma musique ». Comment puis-je les importer sur mon blog ? de quel outil ai-je besoin ? merci

Laisser un commentaire

Il est possible d’utiliser ces balises HTML :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Ce blog supporte le système Gravatar, pour obtenir le vôtre, inscrivez-vous sur Gravatar