Comment ajouter une musique de fond sur un album PhotoOnWeb (by Cyril911)

Forum de PhotoOnWeb en francais pour créer ses galeries photos en ligne
Celine [ObviousIdea]
Posts: 34
Joined: Fri Mar 04, 2011 8:07 pm
Contact:

Comment ajouter une musique de fond sur un album PhotoOnWeb (by Cyril911)

Post by Celine [ObviousIdea] »

Plusieurs personnes se posent la question de comment mettre une musique de fond à un album.
Voici une solution simple.

la réponse tiens sur 3 lignes de code.

Pour les plus septiques, voici le résultat final :
http://albums.photoonweb.com/cyril911/20080110_Balade_aux_trois_ilets/

Première partie :

Récupérer le fichier dewplayer.swf.
disponible sur le site officiel :
http://www.alsacreations.fr/dewplayer
il existe trois versions. J'ai opté pour la classic, après c'est a vous de voir.

Deuxième partie :

mettre votre fichier dewplayer.swf sur votre site hébergent vos albums.

Pour ce faire : utilisé un client FTP (exemple : FileZilla)
a) créer un répertoire " musiques ".
b) mettre le fichier dewplayer.swf dans le dossier " musiques ".

Troisième partie :

mettre aussi au moins 1 musique/commentaire de type MP3 dans le dossier musique.

--------------------------------------------

A ce stade : Vous avez donc uploadé une musique et le fichier dewplayer dans le dossier musique sur votre site hébergeant vos albums.

-------------------------------------------

Quatrième partie :

On va préparer le code du lecteur :

le code de base (en version classic) est le suivant :

Code: Select all

<object 
type="application/x-shockwave-flash" data="ADRESSE DU FICHIER DEWPLAYER.SWF ? mp3=ADRESSE DE VOTRE FICHIER MP3&autostart=1" width="200" height="20">
<param name="wmode" value="transparent">
<param name="movie" value="ADRESSE DU FICHIER DEWPLAYER.SWF?mp3=ADRESSE DE VOTRE FICHIER MP3&autostart=1" />
</object>
pour ma part, le fichier dewplayer.swf et ma musique se trouve au même endroit , ce qui donne :

Code: Select all

<object 
type="application/x-shockwave-flash" data="http://albums.photoonweb.com/cyril911/musiques/dewplayer.swf?mp3=http://albums.photoonweb.com/cyril911/musiques/antilles.mp3&autostart=1" width="200" height="20">
<param name="wmode" value="transparent">
<param name="movie" value="http://albums.photoonweb.com/cyril911/musiques/dewplayer.swf?mp3=http://albums.photoonweb.com/cyril911/musiques/antilles.mp3&autostart=1" />
</object>
Ce bout de code vous la gardez sous le bras (enfin, dans un fichier txt quoi !)

Cinquième partie :

Il vous faut récupérer le fichier index.php de l'album en question.

Même manipulation que précèdement : se connecter sur l'espace web d'hébergement;

a) ouvrir le dossier correspondant à l'album.
b) récupérer le fichier se nommant index.php
c) on ouvre le fichier avec le bloc-notes windows ou autre simple éditeur.

note : j'ai utilisé notepad++ et cela créer une erreur dans le code, j'ai l'impression que notepad++ met en forme le code.
donc ne pas utilisé notepad++ serait préférable.

d) on cherche dans le code le morceau suivant :

Code: Select all

<body>

<table width="750" height="96%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr align="center" id="header">
    <td><H1>ICI LE TITRE DE L'ALBUM</H1>

<p></p></td>
  </tr>
e) on ajoute le code suivant juste après ce code

Code: Select all

<td><H1>ICI LE TITRE DE L'ALBUM</H1>
code à ajouter :

Code: Select all

<object 
type="application/x-shockwave-flash" data="http://albums.photoonweb.com/cyril911/musiques/dewplayer.swf?mp3=http://albums.photoonweb.com/cyril911/musiques/antilles.mp3&autostart=1" width="200" height="20">
<param name="wmode" value="transparent">
<param name="movie" value="http://albums.photoonweb.com/cyril911/musiques/dewplayer.swf?mp3=http://albums.photoonweb.com/cyril911/musiques/antilles.mp3&autostart=1" />
</object>
f) on obtient donc le code suivant :

Code: Select all

<body>

<table width="750" height="96%" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr align="center" id="header">

    <td><H1>une petite balade le dernier jour</H1>

<object 
type="application/x-shockwave-flash" data="http://albums.photoonweb.com/cyril911/musiques/dewplayer.swf?mp3=http://albums.photoonweb.com/cyril911/musiques/antilles.mp3&autostart=1" width="200" height="20">
<param name="wmode" value="transparent">
<param name="movie" value="http://albums.photoonweb.com/cyril911/musiques/dewplayer.swf?mp3=http://albums.photoonweb.com/cyril911/musiques/antilles.mp3&autostart=1" />
</object>

<p></p></td>

  </tr>
Dernière partie :

On renvoi le fichier index.php pour remplacer l'ancien.

On regarde la page de l'album, et magie il y a de la musique.

voici un exemple, mon album :

http://albums.photoonweb.com/cyril911/20080110_Balade_aux_trois_ilets/

NOTA:

Pour ceux qui cherche a avoir un fichier mp3 de commentaire par exemple MAIS pour chaque photo, pour le moment j'ai pas la solution car les commentaires sont intégrer à l'animation flash d'après ce que je vois.

Auteur Cyril911