30 juil. 2010

Mettre en ligne de la musique avec une playlist - 1ère partie

Voici une sélection de sites qui vous proposent, pour la plupart, d'héberger votre musique et de créer vos playlist, à partir de vos propres morceaux et de ceux déjà présents sur le site.

JIWA

Jiwa propose des titres, des clips et des playlist.

Il vous suffit de vous inscrire en cliquant sur Créez votre compte : pseudo, mot de passe, email, nom et prénom, âge, sexe et avatar.

Ensuite :
  • soit vous sélectionnez un morceau dans :

    • Jiwa radio : pour l'écouter sur le site
    • Nos coups de coeur :

      • vous cliquez sur Intégrer à mon blog
      • vous définissez le design du widget
      • vous copiez le code
      • Vous le collez en HTML
  • Top Songs :

    • vous sélectionnez la chanson
    • vous cliquez sur Intégrer à mon blog
    • vous copiez le code
    • vous le collez en HTML
  • Top Playlist comme Nos Coups de coeur.

MONK

Allez sur MOONK

Inscrivez-vous.
Vous recevez un mail : vous devez cliquer sur un lien qui s'y trouve pour activer votre compte.

Cliquez sur Juke Box
Uploadez vos MP3
Choisissez votre jukebox et ses dimensions
Donnez un nom à votre oeuvre
Copiez le code
<table style="border-collapse:collapse"><tr><td><embed pluginspage="http://www.macromedia.com/go/getflashplayer" base="http://www.moonk.com"
wmode="transparent" src="http://www.moonk.com/themes/MAGIX_MOONK/flash/player/player_loader.swf?xmlpath=
http://www.moonk.com/moonk/xml&eid=C9B364A03D9911DCB21B18CAD45BFC0D&moonk=true" height="272" width="272" type="application/x-shockwave-flash" hspace="0" vspace="0" quality="high"
allowscriptaccess="always" swLiveConnect="true"></embed></td></tr><tr><td style="text-align:center;"><a
href="http://www.moonk.com/redirects/moonk_player_link.htm"><img style="border:none;" src="http://www.moonk.com/themes/MAGIX_MOONK/images/logo_moonkSmall.gif" /></a> <a
href="http://www.moonk.com/redirects/moonk_player_link.htm" style="font-size:10px;color:#33a1ff;text-decoration:none;" onmouseover="this.style.textDecoration='underline';"
onmouseout="this.style.textDecoration='none';">Get your own Moonk!</a></td></tr></table>
et collez le en HTML


Get your own Moonk!

ODEO

Allons chez ODEO

Il s'agit d'un site anglo-saxon ; on y trouvera donc essentiellement de la musique de langue anglaise, libre de droit.

J'ai envie d'installer une chanson de Leonard Cohen. je fais donc une recherche dans le pavé en haut à droite.
Je clique sur la réponse qui me convient.
Je clique sur Embeddable Player
Je choisis le design de mon player
Je copie le code
<embed src="http://odeo.com/flash/audio_player_black.swf" quality="high" width="322" height="54" name="odeo_player_black"
align="middle" allowScriptAccess="always" wmode="transparent"  type="application/x-shockwave-flash" flashvars="type=audio&id=1446223" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39;
letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/1446223/view">powered by
<strong>ODEO</strong></a>
je le colle en html

powered by ODEO

RADIOBLOG CLUB

Radio.blog.club est un site qui vous propose de piocher dans une immense base de données musicale et de choisir une ou plusieurs chansons à diffuser sur votre blog.

L'utilisation est très simple:
  • Recherchez votre artiste ou le titre de votre chanson préférée dans le cadre "music search".
  • Cliquez sur la flêche bleue à gauche du morceau que vous avez choisi.
  • A droite de l'écran, vous pourrez configurer la couleur des différents éléments du lecteur qui sera sur votre blog (fond, bordure, bouton, police).
  • Une fois cette étape terminée, un code vous sera fourni. Copiez le en mode source/html à l'endroit désiré...N'hésitez pas à jouer sur la taille de votre lecteur ("width": largeur; "height":
    hauteur).
Par exemple, pour The Partisan, j'obtiens le code suivant :
<embed type="application/x-shockwave-flash"  src="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf"
allowScriptAccess="always" width="180px" height="23px"  bgcolor="#FFCCFF"  id="radioblog_player_0"
FlashVars="id=0&filepath=http%3A%2F%2Fblogflyaway.free.fr%2Fradio.blog%2Fsounds
%2FThe%20Partisan%20-%20Leonard%20Cohen.rbs&colors=body:#FFCCFF;
border:#CC00FF;button:#9933FF;player_text:#9900CC;playlist_text:#999999;
"></embed>
qui donne :

LASTFM

Last.fm, plate forme de musique communautaire  propose quelques widgets intéressants qui vous permettront de faire partager vos goûts musicaux avec les visiteurs de votre blog. Je vous en présente deux...

Connectez-vous ici. Il vous faudra vous créer un compte au préalable...

La radio

Le premier widget est la Radio. Le principe est très simple: vous sélectionnez un artiste et last.fm fournira une sélection de chansons d'artistes "similaires". Néanmoins, les critères de similarités peuvent être surprenants, ce qui peut amener de bonnes surprises, soyons positifs.

Cliquez sur "Radio Player" puis sélectionnez un nom d'artiste que vous appréciez.
Cliquez sur "generate". Pour pourrez ensuite régler la couleur et la taille de votre radio.
Ensuite,sur le petit panneau intitulé "show me the code", cliquez sur la vignette "<>". Vous obtiendrez un code à copier et à coller en html sur votre blog. Vous obtenez :









La playlist


Un autre widget sympa est celui qui vous permettra d'afficher votre playlist last.fm. Cette playlist est à construire. Pour ce faire, il vous faudra, lorsque vous écouterez un morceau qui vous plait sur last.fm, le copier en cliquant sur la droite du titre de ce morceau, sur une image représentant une cassette flanquée d'un signe plus. Pour pouvoir utiliser ce widget, il vous faudra une playlist de 15 chansons au minimum.
Dans votre menu widgets, cliquez sur "playlist player". La procédure est exactement la même que pour la radio. Exemple de playlist player :









La mosaïque d'albums














1 commentaire:

  1. Tu n'explique pas le processus, concernant la mosaïque d'albums !

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)