Comment insérer un mp3 ?

Autant pour la vidéo, on peut mettre sur youtube, et ensuite insérer un lien, autant pour l'audio, je sèche...

Test vidéo (vidéo ayant tout de même un rapport avec le piano):

Pour l'audio, par contre, je ne sais pas faire pour le moment.... On peut mettre sur un serveur un fichier, mais comment ensuite, insérer son écoute avec un lecteur externe sans faire de "vrai site" ?

J'ai alors testé avec ça:

1/ Envoi du fichier sur free : http://dl.free.fr/

2/ Insertion du lien suivant : 

<EMBED src=http://dl.free.fr/qaUU343z4 width=200 height=20 LOOP="FALSE" AUTOSTART="FALSE">

Code copié ci dessous en html : Est-ce que ça marche ?    

Code au dessus

Visiblement, à postériori, ça ne marche pas, il semble qu'overblog interdit l'inclusion de ce type de code. :(

Si vous avez des idées, je suis preneur !

C'est d'autant plus rageant qu'il existe une solution, si on fait un site soi même:

dewplayer (http://www.alsacreations.fr/dewplayer)

Il s'agit d'un fichier flash à mettre sur le serveur ftp, au même endroit que les mp3, et le tour est joué !! 

Mais là, on ne peut pas sur un blog. :(

Alors, test avec Deezer !! C'est pas du tout intuitif: 

* S'insrire sur leur site

* Télécharger le fichier sur Deezer

* L'ajouter à une playlist qu'on crée pour l'occasion !!!

* Faire partager (visiblement, on ne peut partager que des listes).

Voyons si ça marche:

* Avec "partage sur Over-blog"

* Avec le code fourni :

<iframe scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=false&width=729&height=79&scover=true&type=playlist&id=71446401&title=" width="729" height="79"></iframe>

Pas pratique du tout !!! ... Et ça ne marche pas ! Overblog supprime le code HTML (vous voyez le code à inclure ci dessus, car c'est du texte, et non du HTML, qu'overblog supprime)

Bref ! Pour l'instant, je temporise. Si je ne trouve pas de solution, je vais voir ailleurs... Après tout, j'ai vu des post audio sur d'autres fournisseurs de blog... Pfffffff.............................

Avec  http://flash-mp3-player.net/fr/players/multi/generator/

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">

    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />

    <param name="bgcolor" value="#ffffff" />

    <param name="FlashVars" value="mp3=http%3A//dl.free.fr/qaUU343z4" />

</object>

Ici

Ici

Il semble qu'on puisse insérer in player généré par ça:

http://flash-mp3-player.net/fr/players/maxi/generator/

Par contre, free, c'est pas ça pour mettre les fichiers visiblement... Allons voir ailleurs.

Stockage avec :

http://www.woofiles.com/

Et insertion player:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">

    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />

    <param name="bgcolor" value="#ffffff" />

    <param name="FlashVars" value="mp3=http%3A//www.woofiles.com/dl-303507-cgTTnich-MP39avril2012joie.mp3" />

</object>

ivi

ivi

Hébergeur suivant:

http://www.envoyercefichier.com/

Lien du ficheir: http://www.envoyercefichier.com/files/RFdy8i1335121787.html

Et on recommence:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">

    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />

    <param name="bgcolor" value="#ffffff" />

    <param name="FlashVars" value="mp3=http%3A//www.envoyercefichier.com/files/RFdy8i1335121787.html" />

</object>

Avec http://www.partage-fichiers.com (pb: limité à 15 jours...)

>>  Lien : MP3_9avril2012_joie.mp3  <<

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">

    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />

    <param name="bgcolor" value="#ffffff" />

    <param name="FlashVars" value="mp3=http%3A//www.partage-fichiers.com/upload/fvcwia2m/MP3_9avril2012_joie.mp3" />

</object>

ça va être simple !!! Je vais convertir les MP3 en MP4, et charger sur youtube. Voyons si ça marche:

<iframe width="420" height="315" src="http://www.youtube.com/embed/kMd0WxTjPx4" frameborder="0" allowfullscreen></iframe>

---

Conclusion pour l'instant, concernant l'audio. 2 solutions possible:

• Convertion du mp3 en mp4, et diffusion sur youtube

ça marche au moins. Il faudra juste que je règle le problème de la photo qui ne passe pas...

• Envoi du fichier sur un serveur de fichier et utilisation de http://flash-mp3-player.net/fr/players/maxi/generator/

le générateur fonctionne bien, mais je n'ai pas trouvé de serveur de fichier permanent ;

le seul hébergeur de fichier trouvé est http://www.partage-fichiers.com mais il ne garde les fichiers que 2 semaines. A noter que pour l'écoute de la musique avec le flash player, il est indispensable de pouvoir accéder direcement au fichier (sans avoir à cliquer sur un bouton, ou entrer un code), ce qui exclus les autres serveurs de fichiers que j'ai testé. Si quelqu'un a une solution, je suis preneur !

---

Update du jour:

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F44095538&show_artwork=true"></iframe>

Check avec soundcloud.com :

ça a l'air de pas marcher non plus (code en clair, et inséré).

Check insertion avec le player et l'adresse du fichier :

http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F44095538

Fin du test.