diapo son2

diapo son2

On m'a posé la question de comment placer la musique sur un diaporama créé sur libreOffice (OpenOffice): je ne sais pas conserver la musique après la conversion au format SWF, nécessaire à la publication.

Alors, on peut insérer un lecteur musique facilement, par l'icône "Musique", en création d'article et comme nous savons publier un diaporama, il ne reste plus qu'à placer le lecteur sur le diaporama et le tour est joué; voir catalogue: diapo son.

Commençons par créer notre diaporama au format SWF (Voir par Diapo SWF), publions-le par le code dans cette page, en récupérant son adresse chez notre hébergeur.

Nous allons ensuite mettre un lecteur musique par l'icône "musique", juste en dessous, en choisissant la musique dans notre dossier ou en plaçant son adresse dans la case URL puis en choisissant couleur et taille du lecteur.
Je ne reviens pas sur ce point car je pense que beaucoup connaissent ça mieux que moi.

Voilà le code du lecteur qui apparait dans le code source (<>).
<p class="flashcontainer"><object style="margin: 0 auto;" width="200" height="20" type="application/x-shockwave-flash" data="/data/misc/players/player_mp3_maxi.swf"><param name="movie" value="/data/misc/players/player_mp3_maxi.swf" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="flashvars" value="mp3=http%3A%2F%2Fekladata.com%2FIsXrIC7Y0pPNVT7IfBgkgjdUpv8%2Forthern-ights-arolan-s-amble-to-ashel.mp3&width=200&showstop=0&showinfo=0&showvolume=1&showloading=autohide&volumewidth=40&bgcolor1=fafaff&bgcolor2=f7f7fd&slidercolor1=ffb669&slidercolor2=f4af65&sliderovercolor=ffb669&buttoncolor=f4af65&buttonovercolor=ffb669&textcolor=f4af65" /></object></p>

Votre lecteur a du faire comme le mien et se placer sous le diaporama et sur le côté gauche de la page; nous allons modifier son code pour le positionner au dessus du diaporama.
Pour cela, nous allons modifier le code du lecteur pour qu'il remonte et se positionne sur le diaporama, où vous le souhaitez.

<p class="flashcontainer" style="margin: -50px 0 0 250px; position: relative;"><object width="200" height="20" type="application/x-shockwave-flash" data="/data/misc/players/player_mp3_maxi.swf"><param name="movie" value="/data/misc/players/player_mp3_maxi.swf" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="flashvars" value="mp3=http%3A%2F%2Fekladata.com%2FIsXrIC7Y0pPNVT7IfBgkgjdUpv8%2Forthern-ights-arolan-s-amble-to-ashel.mp3&width=200&showstop=0&showinfo=0&showvolume=1&showloading=autohide&volumewidth=40&bgcolor1=fafaff&bgcolor2=f7f7fd&slidercolor1=ffb669&slidercolor2=f4af65&sliderovercolor=ffb669&buttoncolor=f4af65&buttonovercolor=ffb669&textcolor=f4af65" /></object></p>

Si vous avez du texte qui suit, il faudra sans doute positionner le lecteur en position:absolute; c'est ce que je viens de faire ici.