Sommaire - (Tous les blogs) Gestion des podcasts

Dans ce sommaire est traité la mise en ligne de vidéos, musique, radio et télévision :

1. Mettre en ligne une vidéo
2. Créer une fenêtre pop up avec une vidéo
3. Mettre en ligne une vidéo dans une ibox
4. Mettre en ligne une vidéo dans une vidéoBox
5. Convertir une vidéo Youtube en fichier MP3
6. Encadrer ses vidéos
7. Retoucher ses vidéos

1. Mettre en ligne de la musique avec Dewplayer
2. Créer une fenêtre pop up avec un dewplayer 
3. Mettre en ligne de la musique avec un mini-lecteur MP3
4. Mettre en ligne de la musique avec une playlist - 1ère partie
5. Mettre en ligne de la musique avec une playlist - 2ème partie
6. Créer une fenêtre pop up avec une playlist
7. Créer un lecteur de musique dans une multibox
8. Copier de la musique en ligne
9. Retoucher ses extraits musicaux
10. Proposer sa musique en téléchargement
11. Installer un compteur de téléchargement
12. Protéger ses créations audios

1. Diffuser la radio

1. Diffuser la télévision

1. Installer une messagerie vocale 

Installer un compteur de téléchargement

Si vous proposez le téléchargement de vos créations sur votre blog, il est intéressant d'évaluer le succès de la manoeuvre. Voici donc plusieurs compteurs :

Sur ZAPAWEB

Le principe est simple. Au lieu de pointer votre lien de téléchargement directement sur le fichier cible, votre nouveau lien pointera vers une page passerelle, redirigeant immédiatement le
visiteur vers ce fichier. Vous avez à votre disposition une interface de gestion permettant de :

    * Modifier à tout moment la valeur du compteur
    * Définir le fichier cible à télécharger
    * De copier le code JavaScript à insérer dans le code HTML de vos pages
    * Si le fichier cible à télécharger est introuvable, un email vous est automatiquement envoyé
    * Vous disposez jusqu'a 10 compteurs de téléchargements par compte créé. Si vous souhaitez installer plus de 10 compteurs sur votre site, n'hésitez pas à créer plusieurs comptes..

A savoir : Il est impératif de placer un lien texte ou logo sur votre site sur la page don vous avez soumis l'url. Tout utilisateurs des compteurs sans le logo ou lien texte serra supprimer.

Vous créez votre compte : pseudo - mot de passe - mail - adresse de la page où sera placé le compteur

Réception d'un email de validation

Dans votre administration sur le site, il vous suffit de copier l'adresse de votre fichier et de valider

Ces 2 codes sont à rajouter à la suite en HTML (pour les blogs sur Over-Blog, ne tenez pas compte de BODY)

Vous pouvez remplacer "Votre hyperlien" par "le titre de la chanson

Atlanta MP3 -


Rappel : pour enregistrer un MP3, vous pointez la souris sur le lien, clic droit > enregistrer la cible sous ...

Vous trouverez le même service sur OnWebCreation

Sur Archive-Host

Lorsque vous avez enregistré votre fichier, plusieurs choix de code s'offrent à vous pour le mettre sur votre blog.

Dont :

vous sélectionnez Zcode

vous le collez en HTML et vous obtenez

Voir le Fichier : BenjaminBiolay_Trashyeye_08-Quest-cequecapeutfaire.mp3

Le point négatif est que les résultats sont visibles dans votre administration ArchiveHost pas sur le blog

Important : je vous rappelle qu'il existe une législation sur les oeuvres artististiques et que l'on ne peut pas proposer tout et n'importe quoi en téléchargement.

Protéger ses créations audios

Si vous avez des talents musicaux, le blog est le moyen idéal pour faire partager vos créations. Se pose néanmoins le problème de la protection des oeuvres que vous désirez présenter.

Il existe deux organismes spécialisés :

La SACEM (Société des auteurs compositeurs et éditeurs de musique) : l'adhésion à la SACEM (coût 113 euros en 2006, durée illimitée) non seulement vous permet de déposer et protéger vos oeuvres, mais en plus de bénéficier de la répartition des droits d'auteurs que cet organisme est chargé de collecter par l'Etat. Attention, tout le monde ne peut pas adhérer, il faut pouvoir justifier de la représentation en public d'au moins cinq de vos oeuvres ou de l'enregistrement d'au moins une oeuvre sur un support à destination commerciale.

Le SNAC (Syndicat National des Auteurs Compositeurs) : le dépôt, sous forme de support numérique ou partitions, coûte 34 euros (en 2006) et peut comprendre jusqu'à 4 morceaux. Ce dépôt permettra d'établir, en cas de litige, l'antériorité de votre oeuvre.

Cependant, pour ceux que la paperasse rebute, il existe l'IDDN (InterDeposit Digital Number). Cet oraganisme fournit un certificat électronique au fichier que vous allez référencer et donc vous mettra en mesure de prouver l'antériorité de votre oeuvre. Les avantages de l'IDDN sont nombreux. Le référencement est pratique puisque toutes les démarches s'effectuent online, la formule est souple puisqu'on peut référencer une chanson ou un site complet, et peu onéreuse (environ 64 euros en 2006 pour 10 logiboxes, unités de référencement).

Enfin, il existe le système D : graver ses créations sur un CD et se les envoyer par la Poste en recommander. Le cachet de la Poste permettra en cas de litige de faire valoir l'antériorité de votre oeuvre (mais attention de ne pas l'ouvrir par inadvertance !)

Installer une messagerie vocale

Voici plusieurs services de messagerie vocale :

ROCK YOU

Rendez-vous sur  ROCK YOU.

Inscrivez-vous (simple et gratuit, il suffit d’indiquer son adresse mail et un mot de passe) et une fois dans votre espace privé, cliquez sur « my stuff » dans le menu.

Cliquez ensuite sur Answering Machines...

En quatre étapes (cliquez sur "next") vous pourrez sélectionner votre avatar ou charger votre photo d'identité à partir de votre disque dur, choisir une fond, la couleur de votre répondeur...

Enfin, il ne vous restera plus qu'à enregistrer votre message, soit directement avec un micro si vous en avez un sur votre pc, soit en l'écrivant sur le petit traitement de texte qui vous est fourni. Détail charmant, ce site étant anglophone, il vous faudra faire preuve de beaucoup d'ingénuosité pour faire prononcer à votre avatar quelque chose de compréhensible en français, sachant que vous ne pourrez éviter un  accent californien très exotique...

Exemple : pour le message "un gros bisou", il m'a fallu écrire "en grow bizz zoo". Sachez que le traitement vocal tient compte de l'intonation, donc utilisez des points d'interrogation, d'exclamation, des espaces, pour moduler votre message.

Une fois l'enregistrement effectué, cliquez sur "publish": vous trouverez un code de ce type à coller en HTML:

<embed src="http://www.gizmoz.com//newsite/widgets/ans/ans.swf?instanceid=242569&domain=
http://www.gizmoz.com/&ownerid=460622&itemid=3226582" quality="high"  salign="lt" width="400" height="500" wmode="transparent" name="rockyou" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><img src="http://apps.rockyou.com/dot.gif?w=GZ&d=1B3F7&c=1&id=242569&=.gif"><a target="_BLANK"
href="http://www.rockyou.com?type=gizmoz&refid=242569"><img alt="RockYou Gizmoz" src="http://apps.rockyou.com/images/logo-mini.gif" border="0"></a> - <a target="_BLANK"
href="http://www.rockyou.com/gizmoz/create.php?refid=242569">Get Your Own</a><br>

Voilà le résultat inactif :




ATT

Eh oui, pourquoi ne pas mettre un message vocal dans votre message d'accueil par exemple, afin de personnaliser votre blog.

Vous pouvez bien entendu vous enregistrer si vous avez le matériel et le logiciel nécessaires. Sinon, une autre façon originale est de vous connecter à ATT, où on vous proposera la démo d'un logiciel de transcription vocale appelé Text-To-Speech (TTS).

Etape 1 : Sélectionnez une voix masculine ou féminine et une langue (anglais, français, allemand, espagnol)

Etape 2 : Tapez votre texte, la transcription vocale tient compte de la ponctuation

Etape 3 : Cliquez sur « speak » pour vérifier votre message et n'hésitez pas à modifier la ponctuation voire la phonétique (comme dans l'exemple «blogue » pour « blog ») afin d'obtenir le message voulu. Une fois satisfait, cliquez sur download.

Vous obtiendrez un lien pour un fichier WAV. Sélectionnez le (clic droit ) et copiez le sur votre disque dur (avant 5 minutes....)

Your audio can be found at /tts/speech/1698fa9df7ab90721fd885ce1ea21f99.wav
To download, right-click the link above. In most browsers this will show a menu. Select "Save Link Target As..." to save the audio clip.
Note:   This link is good for about 5 minutes, after which the audio file will be deleted to conserve disk space.

Etape 4 : Maintenant se situe la partie délicate. Le fichier doit être transformé en MP3 pour être utilisé avec le lecteur dewplayer, à un taux de compression recommandé de 128 khz. Cependant, 96 khz devraient suffire si vous utilisez le logiciel Audacity , que vous pouvez télécharger gratuitement sur CESTFACILE

Ouvrez votre fichier WAV dans Audacity, sélectionnez [96000 Hz] tout en bas à gauche puis dans le menu Fichier, sélectionner « Exporter comme MP3 ».

Il vous reste donc à héberger votre fichier et à installer votre lecteur dewplayer dans votre accueil ou à quelque endroit que vous souhaitez.

Vous obtenez ainsi :



WAGWIRE

Wagwire vous propose un widget pour laisser un message vocal sur le blog

Wag Cast est un widget de 160 pixels de largeur sur 420 pixels de hauteur. Un bouton vous permet d'ouvrir un enregisteur vocal qui vous permet de laisser votre message, de lui donner un
titre, de le signer, et de le ré-écouter avant de l'annuler ou de l'envoyer. Wag Cast présente également une liste des messages qui vous ont été laissés sur votre page, blog ou profil. Vous
disposez de plusieurs options de publication et de partage de ces messages, selon des critères de temps, de nombre de messages ou par sélection manuelle.

Cliquez sur Créez un compte
Complétez le formulaire : nom - prénom - email - pseudo

Dans la barre de menu horizontale :

• cliquez sur plugins
  
• puis Ajouter un plugin
  

Choisissez votre widget : "Wag Cast"
puis code HTML
donnez un nom à votre widget

Après avoir créé votre Wag Cast, choisissez son apparence
Couleur : sélectionnez une couleur

Dans la section Installation, copiez le code d'installation et collez le en HTML

Diffuser la télévision

Vous allez sur SEVENTELEVISION

Vous avez le choix entre les chaînes suivantes :

- SEVEN TELEVISION - La Chaine des Nouveaux Talents
- HIP HOP TELEVISION – Le Programme 100% HIP HOP, Rap, R&B
- ROCK TELEVISION - Le Programme 100% POP ROCK
- FRENCH MUSIC TELEVISION - Le Programme 100% FRENCH MUSIC
- BANDES ANNONCES CINEMA - La Chaine du Cinéma 100% BANDES ANNONCES
- SHORT MOVIE TELEVISION - La Première Chaine de Court-Métrage et du Programme Court
- CASTING TELEVISION - Le Programme 100% MODE et CASTING
- VU A LA TELE - La Pub a Enfin sa Chaine

Vous copiez le code fourni. Par exemple :

<embed src="http://www.impek.com/go/sseven/wm" width="720" height="576" loop="True"  style="FILTER: xray" name="RAOCXplayer"
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
type="application/x-mplayer2" enablecontextmenu="true" autosize="false"
showstatusbar="true" showcontrols="1" showpositioncontrols="false" showtracker="false"></embed>

et vous le collez en html

Diffuser la radio

Je vous propose 2 solutions. La première contenant des iframe, la seconde accessible à tous :

ESA-DEV

Chez ESA-DEV

Copiez ce code

<iframe src="http://esa-dev.com/radio-live/player.php?en=0" width="300" height="100" allowtransparency="true" background-color="transparent" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>

Collez le en html



GOODINTERNET

Allez sur GOODINTERNET

J'ai un peu retravaillé le code pour qu'il puisse s'installer sans problème :

Copiez le code et collez le en HTML

<a href="http://www.good-internet.net/radio/radios_online.php" onclick="window.open(this.href,'','resizable=no,location=no,menubar=no,
scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=200,
height=250,status'); return false">
<img width="84" height="135" border="0" alt="player GOOD-internet.net" src="http://www.good-internet.net/radio/pics/player.png" /></a>

En cliquant sur l'image, un pop s'ouvre avec un choix de radio :

Créer une fenêtre pop up avec une playlist

Si vous installez votre playlist dans un module, à chaque changement de page, votre lecteur se remettra en route à 0.  Ce qui n'est pas agréable.

La solution est de le mettre dans une fenêtre pop-up.

1ère étape :

Vous ouvrez le Bloc Notes sur votre PC, vous y collez le code donné pour la playlist.

Pour cet exemple, je vais prendre la playlist Deezer

Vous nommez ce fichier Machanson1.htm et le sauvegardez.

2ème étape :

Vous hébergez ce fichier Machanson1.htm (chez Archive-host par exemple)

3ème étape :

Vous mettez ce fichier en lien, ainsi :

Dans un module, vous collez en HTML

<a onclick="window.open(this, 'Zazie', 'width=250,height=300'); return false;" href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/Machanson1.htm">Ma PlayLisr</a>

En bleu, les dimensions de cette fenêtre
En rouge, l'adresse de votre fichier .htm
En vert, le nom de votre paylist qui apparaîtra sur le blog

Et vous obtenez :

Ma Play List

Créer un lecteur de musique dans une multibox

Un très joli effet lightbox. Testez-le en cliquant sur ce lien

Lien vers page HTML - Multibox MP3

Puis sur Cliquez ici pour voir l'exemple

1ère étape :

Allez sur Phatfusion

Cliquez sur multibox.zip

Vous venez d'enregistrer un fichier .zip : il s'agit d'un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR, Extraire Vers.

2ème étape :

Toujours sur le site Phatfusion, cliquez maintenant sur mootools v1.11

Vous arrivez sur le site Mootools, où vous cliquez sur Download.

Vous cochez toutes les lignes. SI vous aimez faire des diaporamas, vous vous rendrez compte que vous aurez souvent besoin de ce fichier.

Vous recliquez sur Download.

Vous venez d'enregistrer le fichier mootools.js

3ème étape :

Dans l'administration de votre blog - Documents - Autres Fichiers :

•  vous créez un répertoire nommé multibox :
  
  
  •  dans lequel vous créez un sous-répertoire nommé images
    
    
    • vous y enregistrez les images suivantes :
      
      
      • close.png       
        left.png
        leftDisabled.png
        loader.gif
        right.png
        rightDisabled.png
        
    • vous notez leur adresse
      

4ème étape :

Sur votre PC :

• vous ouvrez votre Bloc-Notes
  
• vous appelez le fichier multibox.css
  
• vous modifiez les chemins des images (URL), vous les avez noté à la 3ème étape
  
• vous enregistrez sous le même nom
  

5 ème étape :

Dans l'administration de votre blog - Documents - Autres Fichiers - multibox :

• créez un sous-répertoire multibox :
  
  
  • dans lequel vous enregistrez le fichier mp3player.swf
    

6ème étape :

• vous créez un sous-répertoire nommé : css
  
  
  • dans lequel vous enregistrez le fichier :
    
    
    • multibox.css
      

• vous créez un sous-répertoire nommé : js
  
  
  • dans lequel vous enregistrez les fichiers :
    
    
    • multibox.js  
      
    • overlay.js
      
    • mootools.js
      

• vous notez les adresses de ces 4 fichiers
  

7ème étape :

Maintenant, plaçons ce lecteur. En HTML, vous collez

<link href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/multibox/css/multibox.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/imagemenu/js/mootools-release-1.11.js"></script>
<script type="text/javascript"
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/multibox/js/overlay.js"></script>
<script type="text/javascript"
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/multibox/js/multibox.js"></script>
<style type="text/css">
#htmlElement {
    padding: 10px;
    background-color: #000;
}
</style>

Vous remplacez les adresses en rouge par les vôtres : vous les avez noté à l'étape 6.

Si vous êtes sur OverBlog, vous pouvez utiliser les miennes

Puis votre morceau de musique, toujours en HTML

<div id="container">
<a href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/multibox/music.mp3" rel="" id="mb8" class="mb"
title="Musique">La musique que j'aime</a>
<div class="multiBoxDesc mb8">Un morceau de musique</div>
</div>

En bleu, votre morceau de musique
En vert, l'intitulé du lien qui apparaît sur votre blog
En orange, ce qui apparaîtra sous le lecteur

Et pour finir, tel quel, toujours en HTML

<script type="text/javascript">
            var box = {};
            window.addEvent('domready', function(){
                box = new MultiBox('mb', {
                    useOverlay: true,
                    container: document.body,
                    contentColor: '#FFF',
                    showNumbers: true,
                    descClassName: 'multiBoxDesc',
                    path: 'multibox/'
                });
            });
</script>

Mettre en ligne de la musique avec un mini-lecteur MP3

Grâce à ce petit script, vous pourrez créer un mini lecteur MP3 tout simple, avec marche / arrét

En html d'un module, vous collez ce code :

 <script type="text/javascript" src="http://googlepage.googlepages.com/player.js"></script>

Et à chaque fois, que vous collerez l'adresse d'un MP3 dans l'HTML dans un article

<a href="http://www.archive-host2.com/membres/up/1404915275/sundaybloodysunday.mp3">Sunday Bloody Sunday</a>

ce script reconnaitra un lien avec extension mp3 et le transformera en mini-lecteur.

Exemple : Laissez le temps à la page et au fichier de charger et cliquer sur la flèche verte qui va apparaître.

Benjamin Biolay

Attention, veillez bien à laisser un espace devant le titre de votre lien afin de laisser la place pour les petits logos de marche et d'arrêt.

Mettre en ligne de la musique avec une playlist - 2ème partie

DEEZER

Allez sur Deezer

Inscrivez-vous.

Nous allons créer une play-liste, c'est-à-dire un lecteur de plusieurs chansons.
Cliquez dans le menu de gauche, sur Créer une Playlist
Nommez cette playlist.
Recherchez les chansons que vous voulez y mettre, cliquez sur le + en début de ligne pour les rajouter.
Sélectionnez la playlist dans laquelle vous mettrez cette chanson et validez.
Répétez l'opération pour toutes les chansons à rajouter.

Une fois, la sélection terminée, cliquez sur le nom de votre playlist dans la colonne de gauche.
Copier le code du lecteur exportable.
En cliquant sur Personnaliser le lecteur exportable, vous pouvez changer son design, ses dimensions, choisir une lecture automatique ou non

Vous obtenez un code

<div style="width:180px;height:236px;"><object width="180" height="220"><param name="movie"
value="http://www.deezer.com/embedded/widget.swf?path=2252254&lang=fr&autoplay=0&id=820320"></param><embed src="http://www.deezer.com/embedded/widget.swf?path=2252254&lang=fr&autoplay=0&id=820320" type="application/x-shockwave-flash" width="180"
height="220"></embed></object><a href="http://www.deezer.com" style="border:none;margin:0;padding:0;"><img src="http://www.deezer.com/embedded/footer.jpg" alt="free music"
title="free music" border="0" style="border:none;margin:0;padding:0;" /></a></div>

Vous le copiez et le collez en html

MYFLASHFISH

On peut trouver toutes sortes de multi-lecteurs MP3 sur le Net. Le site myflashfetish.com en a regroupé plusieurs parmi les plus performants et les plus originaux.

Exemple :

Check out this MySpace MP3 Player!
(Pour le faire fonctionner, cliquez la petite flêche)

Après avoir ouvert un compte ("sign up"), c'est gratuit bien sûr, cliquez sur l'onglets "MP3 players".
Le site vous propose 10 modèles originaux que vous pouvez voir fonctionner en cliquant sur "preview".
Votre choix fait, cliquez sur "create".
Pour illustrer cet article, j'ai choisi le modèle "i Tape".
Vous pouvez soit aller chercher des chansons sur des sites de musique, soit vous créer votre propre playlist. Pour cela hébergez vos mp3 (voir comment faire ici ) et indiquez les URL de vos morceaux ainsi obtenus dans le tableau situé tout en bas de la page, et indiquez le titre en vis à vis.

Une fois cette opération terminée, pensez à indiquez si vous voulez que votre lecteur se déclenche automatiquement ou non (auto-start : yes/no) et si vous voulez que l'ordre de passage des
morceaux soit aléatoire (shuffle songs: yes/no).

Cliquez sur "Add MP3s".

Il est temps de donner l'aspect final à votre lecteur en changeant la couleur (n'oubliez pas de cliquer sur "update colour" pour que les changements eventuels soient pris en compte).

Tout en bas de la page, dans "edit songs here", tous vos morceaux sont présentés sous forme d'étiquettes. Vous pourrez ici changer l'ordre des chansons, en faisant glisser les étiquettes à
l'endroit voulu ou supprimer un fichier. Rappelez-vous qu'après chaque ajout, suppression ou changement de position d'une chanson, vous devez cliquer sur "update my playlist" pour que les
changements soient pris en compte.

Votre travail terminé, sélectionnez "I'm Done"

Un code vous est donné à copier et coller en HTML . Exemple de code :

<center><embed src="http://www.mp3asset.com/swf/mp3/mff-mixtape.swf?myid=1858415&mycolor=0x66&mycolor2=
0x66&autoplay=false&f=3" flashvars="path=2007/03/31" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="300" height="185" name="MyFlashFetish.com"
align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></center><center><a
href="http://www.mp3assets.com" target="_blank"><img src="http://www.mp3assets.com/images/badgemp3player.gif" alt="Myspace Mp3 Player, MySpace MP3 Players, Flash MP3 Players"
style="position:absolute; left:0px; top: 88px; z-index:9;" border="0"></a>Check out this <a href="http://www.mp3assets.com">MySpace MP3
Player</a>!</center><br><br>

JAMENDO

Sur Jamendo, les artistes autorisent le partage de leur musique. C'est libre, légal et illimité.

Actuellement, les chanteurs proposés ne sont pas encore très connus...enfin me semble t'il... mais ce site est en pleine expansion.

L'utilisation est assez simple :

• vous cliquez sur Musique dans le menu horizontal
  
• vous sélectionnez par album ou chanteur
  

Dans la colonne de droite Widget, vous sélectionnez

• Site Web/blog HTML
  

Vous avez le choix entre plusieurs codes à copier et à coller en html :

• Lecteur "Musicplayer" étendu
  
• Lecteur "Musicplayer" compact
  
• Lecteur "Musicplayer" bouton
  
• Lecteur Radio.blog version 2
  
• Lecteur "dewplayer" multipiste
  

Un exemple :

Vous pouvez utiliser aussi le

• Lecteur Jamendo standard
  

<div align="center"><iframe width="302" height="353" src="http://www.jamendo.com/fr/get/track/id/album/id/playerpage/19701/?item_o=track_no_asc&
n=all&player_height=353&player_type=coverinfos1&player_width=302&playercode_type=generic" frameborder="0" style="border:0;width:302px;height:353px;" scrollbars="no">
</iframe></div>

vous collez ce code en HTML.

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

Créer une fenêtre pop up avec un dewplayer

L'intérêt d'installer votre dewplayer dans une pop up est que la musique pourra être écoutée en continu sur tout le blog, même lorsque l'internaute change de page. Pas de remise à zéro !

Ce n'est pas très difficile à réaliser.

1ère étape :

Vous ouvrez le Bloc Notes sur votre PC, vous y collez le code dewplayer de votre chanson. (Explications du Dewplayer)

Vous nommez ce fichier Machanson.htm et vous le sauvegardez.

2ème étape :

Vous hébergez ce fichier Machanson.htm (sur Archive-host par exemple)

3ème étape :

Vous mettez ce fichier en lien dans un module. En HTML, vous collez ce pavé en modifiant ce qui est en rouge

<a onclick="window.open(this, 'Zazie', 'width=300,height=70'); return false;" href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/dew4.htm">Ma Chanson</a>

Et vous obtenez :Ma Chanson

Mettre en ligne de la musique avec Dewplayer

Dewplayer est un petit lecteur de musique tout simple à installer. Celui-ci est en flash et est hébergé sur Archive-host. Vous pouvez donc utiliser ce code.

Pour l'installer :

En HTML, vous collez ce pavé

<object type="application/x-shockwave-flash" height="20" width="200" data="http://www.archive-host.com/dewplayer.swf?son=http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/atlanta.mp3&amp;autostart=1&amp;autoreplay=1">
<param value="http://www.archive-host.com/dewplayer.swf?son=http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/atlanta.mp3&amp;autostart=1&amp;autoreplay=1" name="movie"/></object>

Vous remplacez les adresses en rouge par l' URL de votre extrait musical (qui peut aussi être hébergé chez Archive-host, gratuitement)



Pour que la musique démarre automatiquement (je vous le déconseille, c'est casse-pieds pour ceux qui écoutent par ailleurs leur propre musique) :

autostart=1

Pour que le morceau de musique recommence automatiquement :

autoreplay=1

Dans le cas contraire : autostart=0 et autoreplay=0

Pour changer sa couleur :

Vous rajoutez ce qui est en rouge, toujours en HTML, avec votre propre code couleur

<object type="application/x-shockwave-flash" height="20" width="200" data="http://www.archive-host.com/dewplayer.swf?son=http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/ atlanta.mp3&amp;autostart=1&amp;autoreplay=1">
<param value="#ff0000" name="bgcolor" />
<param value="http://www.archive-host.com/dewplayer.swf?son=http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles /atlanta.mp3&amp;autostart=1&amp;autoreplay=1" name="movie" /></object>

Pour le rendre transparent

Vous pouvez avoir besoin de cette astuce, si vous désirez installer un dewplayer en démarrage automatique. Il n'y a alors pas de raison pour qu'il soit visible.
Ce n'est pas bien difficile. Il suffit de fixer ses dimensions à 0.

<object type="application/x-shockwave-flash" height="0" width="0" data="http://www.archive-host.com/dewplayer.swf?son= http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/atlanta.mp3&amp;autostart=1&amp;autoreplay=1">
<param value="http://www.archive-host.com/dewplayer.swf?son= http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/atlanta.mp3&amp;autostart=1&amp;autoreplay=1" name="movie" /></object>

Copier de la musique en ligne

Total Recorder est un streamer, un outil qui permet d'enregistrer les signaux sonores émis sur votre PC. Que le support soit la radio, Windows media player ou autre, ce petit programme très simple d'utilisation vous permettra de trouver sans peine les échantillons de 30 secondes qui illustreront votre blog en toute légalité.

Pour le télécharger gratuitement : ici .

La version de démo comporte un inconvénient : un signal sonore très désagréable se fait entendre au bout d'une minute d'enregistrement...Mais comme vous ne voulez que des extraits de 30 secondes, vous n'en avez cure...

Vous n'avez qu'à appuyer sur le bouton rouge d'enregistrement. L'enregistrement se déclenchera dès réception du premier signal sonore.

La sauvegarde s'effectuera en WAV. Vous pourrez convertir en d'autres formats avec Audacity, par exemple, encore un outil très utile et gratuit.

Proposer sa musique en téléchargement

Il s'agit bien de proposer votre musique et non celle d'un chanteur connu.

C'est tout simple, pourtant ça m'a posé problème.

Il suffit de mettre en lien ce morceau de musique. Un lien ordinaire avec l'adresse où se situe le morceau de musique :

<a href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/jingles/berlin.mp3">BERLIN</a>

L'internaute, qui désire télécharger ce morceau de musique, devra :

• pointer sa souris sur le lien
• cliquer sur le bouton droit de la souris
• puis sur "Ajouter la cible sous..." ou "Ajouter la cible du lien sous ..."

Une fenêtre s'ouvre et l'enregistrement commence.

BERLIN

Retoucher ses extraits musicaux

En tout premier lieu : je vous rappelle un point essentiel :

La réglementation sur la protection des oeuvres artistiques ne tolère la copie et la diffusion d'un extrait musical sur un blog que s'il ne dépasse pas 30 secondes.

S'il s'agit d'une de vos propres oeuvres, il n'y a pas de limitation de durée.

Maintenant si vous voulez découper un extrait de 30 secondes pour le diffuser sur votre blog, vous pouvez télécharger (gratuitement) un programme de gestion de fichiers MP3.

Par exemple Audacity, qui est très facile d'utilisation (sur CESTFACILE)

Ouvrez votre fichier MP3 dans Audacity, sélectionnez la plage de 30 secondes ou moins que vous voulez diffuser et cliquez dans le menu sur « exporter la sélection comme MP3 ».

Attention, si vous cliquez sur « ne garder que la sélection » et que vous sauvegardez les modifications du fichier, vous perdez votre morceau en entier !

Retoucher ses vidéos

Vous pouvez avoir envie de retravailler vos vidéos : les découper, le rajouter un fondu enchaîné, de la musique ...

Ces outils peuvent vous aider :

Windows Movie Maker : un logiciel

L'exemple montré ci-dessous est un extrait de film -Lara Croft 2- de moins de 30 secondes, afin de ne pas encourir de poursuites pour violation de copyright.

Cet extrait a été très simplement réalisé avec Windows Movie Maker, normalement livré dans votre configuration de base Windows XP.

Après avoir importé votre vidéo dans WMM, vous pouvez découper votre vidéo comme bon vous semble (Menu Clip, "Fractionner" ou premier bouton à droite sous la visionneuse).

Une fois votre extrait sélectionné, vous pouvez le faire glisser d'un coup de souris sur la table de
montage séquentiel, sur laquelle vous pourrez travailler des effets (comme le fondu en ouverture et en fermeture dans mon exemple), ajouter un commentaire, une musique, etc.



Eyespot : un générateur en ligne

Allez sur Eyespot

Cliquez sur Sign Up pour vous inscrire : pseudo - email - mot de passe - pays - date de naissance et sexe.

Vous pouvez faire des mixages sur vos propres vidéos en les uploadant sur le site. Comme je n'avais pas de vidéo sous la main, j'ai utilisé une des vidéos présentes sur le site. La procédure reste la même, une fois le téléchargement de votre vidéo effectué.

Mixable : ce sont des vidéos libres de droit que vous pouvez mixer

Choisissez votre vidéo et cliquez sur Mix

En haut, vous avez plusieurs séquences de cette vidéo. Avec la souris, vous sélectionnez séquence par séquence et les titres sur la représentation graphique du bas (controls : mix and play) .

Dans le menu de gauche : Tools
vous cliquez sur Effects, vous choisissez votre effet (sepia, par exemple) en cliquant sur Aplly to all

sur Transition pour avoir un effet de fondu-enchainé : en tirant chaque image représentant le fondu sur la séquence voulue dans le graphique du bas

surTitle, puis Create new title Frame, pour renommer cette vidéo, puis cliquez sur All Done

Toujours dans le menu de gauche : Tags
Vous pouvez tagguer votre vidéo, c'est-à-dire lui donner des mots-clés

En haut à gauche, à côté de Mixer, cliquez sur Enter Title, inscrivez le nouveau titre et cliquez sur Submit

Une fois, votre oeuvre achevée, vous cliquez sur Saved Media

Vous cliquez sur Mix and Play : Controls: Mix and Play 00:00

Le mixage se réalise.

Vous cliquez sur MySpot dans le menu en haut à gauche, puis Mixes, puis sur votre vidéo mixée

Vous obtenez un code

<embed src='http://eyespot.com/flash/medialoader.swf?vurl=http%3A%2F%2Fdownloads.eyespot.com%2Fplay
%3Fr%3D0XCzIG2UEns5cXiEJW0xIWlFgB' type='application/x-shockwave-flash' width='432' height='407'></embed>

Vous le collez en html.

NB : Ce code n'est pas éternel

Créer une fenêtre pop up avec une vidéo

L'intérêt est de permettre au visiteurs de tourner les pages de votre blog, tout en ayant sous la main la vidéo. Placée dans une fenêtre pop up, elle reste toujours présente à l'écran.

Première étape :

Vous avez trouvé une vidéo chez Youtube ou daylimotion et vous avez obtenu un code object.

Prenons comme exemple, la vidéo de Zazie : J'étais là

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/GX7Kg39E3Co&rel=1"></param><param name="wmode"
value="transparent"></param><embed src="http://www.youtube.com/v/GX7Kg39E3Co&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425"
height="355"></embed></object>

Deuxième étape :

Au lieu de coller ce code directement en HTML :

• vous allez ouvrir votre Bloc note
  
• le coller
  
• enregistrer ce document sous Zazie.htm
  

Troisème étape :

Vous hébergez ce fichier Zazie.htm :
chez Archive-host par exemple

Vous obtenez une adresse : http://ddata.over-blog.com/xxxyyy/0/37/17/67/Musique/zazie.htm 

Quatrième étape :

Vous mettez ce fichier en lien en collant en html :

<a onclick="window.open(this, 'Zazie', 'width=425,height=355'); return false;" href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/Musique/zazie.htm">Zazie - J'&eacute;tais l&agrave;</a>

En rouge : l'adresse de votre fichier

Ensuite, vous fixez les dimensions de cette fenêtre. En général, elles sont dans le code object : width="425" height="355"

Et vous obtenez :

Zazie - J'étais là

Ainsi, il suffit à vos lecteurs de cliquer sur le lien, une fenêtre avec votre vidéo s'ouvrira. S'il change de page sur le blog, la vidéo continuera à tourner.

Mettre en ligne une vidéo

Les sites de vidéos suivants vous proposent :

• d'héberger et de diffuser vos propres vidéos, 
• de diffuser les vidéos des autres internautes.

Pour la diffusion sur votre blog, plusieurs codes sont disponibles, mais tous ne sont pas compatibles.

Pour cette raison, je vous mets le modèle du code à copier : il s'agit du lecteur flash.
Le code commence par <object et finit par </object>

En rouge, ce sont des parties de code non indispensables au fonctionnement : publicité pour le site, l'artiste ...vous pouvez les supprimer.


Le code devra être collé en HTML.

WAT

Sur WAT.TV, vous faîtes une recherche sur la vidéo qui vous intéresserait. Il y a différents domaines : télé, sports, arts, voyages...

Un code player de ce type vous est proposé :

<div><object width='456' height='390'><param name='movie' value='http://www.wat.tv/swf/561591p3nOexG462360'></param><param name='autoplay'
value='false'></param><embed src='http://www.wat.tv/swf/561591p3nOexG462360' type='application/x-shockwave-flash' width='456' height='390'></embed></object><br/><b><a href='http://www.wat.tv/audio/462360/Vianne-Stephan-Eicher-Rendez-Vous.html'>Stephan Eicher Rendez-Vous</a></b><br /><a href='http://www.wat.tv/audios' title='Tous les audios'>Audio</a><br /><i>Envoyé par <a href='http://www.wat.tv/Vianne'>Vianne</a> sur <a href='http://www.wat.tv'>wat.tv</a></i></div>

YOUTUBE

Même principe chez YOUTUBE

Vous cherchez la vidéo et vous copiez le code EMBED

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/4SR_ygICDKE"></param><param name="wmode" value="transparent"></param><embed
src="http://www.youtube.com/v/4SR_ygICDKE" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

DAILYMOTION

Chez DAILYMOTION

Cherchez votre vidéo.

Choisissez Lecteur exportable.

Copiez le code

<div><object width="425" height="263"><param name="movie" value="http://www.dailymotion.com/swf/2QTH9QaLuqhjYg0UU"></param><param name="allowfullscreen"
value="true"></param><embed src="http://www.dailymotion.com/swf/2QTH9QaLuqhjYg0UU" type="application/x-shockwave-flash" width="425" height="263"
allowfullscreen="true"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x29t1k_renan-luce-la-lettre_music">Renan Luce - La

lettre</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/Nuigrav">Nuigrav</a></i></div>

WIDEO

Sur Wideo.fr

Recherchez la vidéo.

A droite de la vidéo, cliquez sur Bloguer/copier cette vidéo

Sous Sur un site perso, un blog ou sur eBay, etc... , cliquez sur Récupérez le code

Copiez le

<object type="application/x-shockwave-flash" data="http://www.wideo.fr/p/fr/iLyROoaft125.html" width="400" height="368">
<param name="movie" value="http://www.wideo.fr/p/fr/iLyROoaft125.html" />
<param name="wmode" value="transparent" />
<embed src="http://www.wideo.fr/p/fr/iLyROoaft125.html" width="400" height="368" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash">
<a href="http://www.wideo.fr/video/iLyROoaft125.html" title="AMEL BENT feat. Diam's - A 20 ANS - wideo"><img src="http://t.kewego.com/t/1/0498/154x114_iLyROoaft125_2.jpg" alt="AMEL
BENT feat. Diam's - A 20 ANS - wideo"/></a><br /><a href="http://www.wideo.fr/video/iLyROoaft125.html">AMEL BENT feat. Diam's - A 20 ANS - wideo</a>
</embed>
</object><div style="width: 400px;"><a href="http://www.wideo.fr/video/iLyROoaft125.html">AMEL BENT feat. Diam's - A 20 ANS - wideo</a> <br />Découvre le nouveau

clip d'Amel Bent featuring Diam's !<br />

<br />

L'album &quot;A 20 ans&quot; toujours dans les bacs !

<div>Mots-clés : <a href="http://www.wideo.fr/search/?q=amel bent">amel bent</a> <a href="http://www.wideo.fr/search/?q=diam's">diam's</a> <a

href="http://www.wideo.fr/search/?q=a 20 ans">a 20 ans</a> <a href="http://www.wideo.fr/search/?q=nouvelle star">nouvelle star</a> <a

href="http://www.wideo.fr/search/?q=ma philosophie">ma philosophie</a> </div> <div style="text-align: right;">

<a href="http://www.wideo.fr/video/iLyROoaft125.html">Video</a> de <a

href="http://www.wideo.fr/search/?q=user:fan2clips">fan2clips</a> </div></div>

TINYPIC

Allez sur  TINYPIC

Uploadez votre fichier vidéo

Vous pouvez lui mettre des tags (mots clés)

Cliquez sur Téléchargez maintenant

Copiez le code : HTML pour sites Web

<embed width="440" height="380" type="application/x-shockwave-flash" src="http://v3.tinypic.com/player.swf?file=2ytsd1f&s=3"></embed>

Encadrer ses vidéos

De jolis encadrements pour mettre en valeur vos vidéos et attirer l'oeil vers elles.

Allez chez MOONK

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

Cliquez sur Vidéoshow.

Import your File : cliquez sur Local Disque

Uploadez votre vidéo

Choisissez votre encadrement, sa taille

Nommez le.

Récupérez le code HTML et collez le en html

<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=0AB8EE003D9711DC85D19E70D45BFC0D&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>

on obtient

Get your own Moonk!