Doc Fr /
Liens Sonores Sans Javascript
Éditer page | Attach | Comments: Hide Show | Print

Français

English

Demos

PmWiki

(edit)

Liens sonores sans Javascript

L'une des particularité du Framaplayer est de proposer la faculté de lancer des son à l'aide d'un simple clic sur un lien.

Par exemple :



Darwin - by Orco
L'arrivée - by EHMA
(cliquez sur l'image)

Pour obtenir ce résultat ajoutez les codes suivants à votre page HTML.
Le lecteur :

  1. <object id="mp3player" type="application/x-shockwave-flash" data="/framaplayer/framaplayer_lite.swf" width="150" height="50" style="vertical-align: bottom;">
  2.   <param name="movie" value="/framaplayer/framaplayer_lite.swf" />
  3.   <param name="FlashVars" value="autolaunch=wait" />
  4.   <param name="type" value="application/x-shockwave-flash" />
  5.   <param name="codebase" value="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" />
  6.   [ <a href="http://www.macromedia.com/go/getflashplayer/">Flash Player</a> requis ]
  7.   <!-- MP3 Flash player. Credits, license, contact & examples: http://framaplayer.keonox.com/ --
  8. </object>

Le premier lien :

<a href="javascript:void(0)" onClick="document.mp3player.SetVariable('url', '/zic/darwin_orco.mp3')">Darwin - by Orco</a>

Le second lien :

<a href="javascript:void(0)" onClick="document.mp3player.SetVariable('url', 'http://framaplayer.keonox.com/zic/larrive_ehma.mp3')">L'arriv&eacute;</a> - by EHMA

Le troisième lien :

<a href="javascript:void(0)" onClick="document.mp3player.SetVariable('url', '/zic/Ave_plena_Magdalena-Joglaresa.mp3')"><img src="http://www.framasoft.net/NAVPICS/but_firefox.png" /></a> (cliquez sur l'image)

NB :

  • important : notez la correspondance entre "id=mp3player" dans le code du lecteur et "document.mp3player" dans les liens. Cela permet de préciser dans quel lecteur jouer le son.
  • ici, c'est le LitePlayer qui est utilisé, mais libre à vous d'en utiliser un autre
  • le javascript:void(0) évite qu'un clic sur le lien ne recharge la page
  • vous pouvez très bien utiliser de liens absolus (avec http://) comme des liens relatifs (cf. second lien)

<< Choix du lecteur sans Javascript | HomePage | Modifier des parametres sans Javascript >>

Page mise à jour le 23 avril 2005 à 09h28 par pyg
Éditer page | Changements récents (All) | Attach | Historique | Wiki Help | Print