Intégrer un lecteur Flash MP3 dans son blog

 

Notre note
Beats Solo3 Wireless
9.7 Exceptionnel
Powerbeats Pro Wireless
9.5 Excellent
Beats Studio3 Wireless
9.3 Excellent
Modèle
Beats Solo3 Wireless
Powerbeats Pro Wireless
Beats Studio3 Wireless
Critiques
exceptionnel
54 220 votes
exceptionnel
42 408 votes
exceptionnel
41 008 votes
Disponible surDisponibleDisponibleDisponible
Visiter la pageVisiter la pageVisiter la page

Vous pouvez télécharger Audio Player ici. Décompressez les fichiers et utilisez les deux suivants :

 

  • player.swf (fichier flash)
  • audio-player.js (fichier JavaScript)

 

Dans votre blog typepad, vous devriez…

 

 

…avoir un peu d’espace sur lequel vous allez pouvoir uploader ces fichiers ainsi que vos fichiers audio.

 

ATTENTION : Si vous ne voyez pas le lecteur MP3 ci-dessus, c’est que vous n’avez pas le lecteur Flash d’installé. (Plus de 90% des internautes l’on installé)

 

Pour ce tutoriel, imaginons que votre espace se situe à cette URL : http://monblog.typepad.com/audio/

  1. Créer un nouveau dossier dans votre gestionnaire de fichier et nommez-le «audio»
  2. Envoyez les deux fichiers player.swf et audio-player.js dans ce dossier.
  3. Télécharger un fichier MP3. Pour ce tutoriel, nous allons supposer que votre fichier est nommé music.mp3. (REMARQUE:. Le fichier doit être encodé en MP3 à 44,1 kHz ou 22,05 kHz ; toutes autres vitesses d’échantillonnage se traduira par un epic fail assez déplaisant)

 

Maintenant que vos fichiers sont téléchargés, ils résident à ces URL :

  • http://monblog.typepad.com/audio/ player.swf
  • http://monblog.typepad.com/audio/audio-player.js
  • http://monblog.typepad.com/audio/ music.mp3

La prochaine étape est de placer le code HTML dans le billet où vous souhaitez qu’il apparaisse. Changer l’URL ci-dessous pour correspondre à vos propres URL.

<script langage= »JavaScript » src= »http://monblog.typepad.com/audio/audio-player.js »></script>
<object type= »application/x-shockwave-flash » data= »http://monblog.typepad.com/audio/player.swf » id= »audioplayer1″ height= »24″ width = »290″>
<param name= »movie » value= »http://monblog.typepad.com/audio/player.swf »> 
<param name= »flashvars » value= »playerID=&audioplayer1&soundFile=http://monblog.typepad.com/audio/music.mp3″>
<param name = « quality » value= »high »> 
<param name= »menu » value= »false »> 
<param name= »wmode » value= »transparent »> 
</object>

 

Utiliser plus d’un fichier audio

 

  1. Téléchargez simplement les fichiers audio supplémentaires dans le dossier « audio ». Assurez-vous que chaque fichier possède un nom unique.
  2.  Vous n’avez besoin de télécharger les fichiers player.swf et audio-player.js qu’une seule fois.

 

Pour un deuxième player dans le même billet, utilisez ce code HTML :

<object type= »application/x-shockwave-flash » data= »http://monblog.typepad.com/audio/player.swf » id= »audioplayer2″ height= »24″ width= »290″>
<param name= »movie » value= »http://monblog.typepad.com/audio/player.swf »>
<param name= »FlashVars » value= »playerID=audioplayer2&soundFile=http://monblog.typepad.com/audio/other.mp3″>
<param name= »quality » value= »high »>
<param name= »menu » value= »false »>
<param name= »wmode » value= »transparent »>
</object>

 

Pour un troisième player : changer « audioplayer2 » pour « audioplayer3 » dans le code. Pour un quatrième, «audioplayer4», etc.

 

ALLER PLUS LOIN :

Vous pouvez également personnaliser les couleurs d’Audio Player. Cette page fournit également des paramètres pour mettre le son en boucle ou en démarrage automatique par exemple.

 

Share

Laisser un commentaire