Insérer des médias

Kompozer et CSS

Insérer des musiques

Lecteurs Dewplayerlogo Dewplayer

Télécharger l'archive sur le site Alsacreation

Dewplayer lecteur mp3 en flash

  1. Dézipper sur le bureau
  2. Faire notre choix parmi les lecteurs proposés
    • mini
    • classic
    • multi
    • playlist
    • bubble
  3. placer le fichier du lecteur choisi (ici le modèle classic dewplayer.swf) dans notre dossier de site, dans un sous dossier par exemple  sons 
  4. placer aussi dans ce sous dossier les fichiers mp3
  5. Quand nous publierons notre page html penser aussi à publier ce dossier sons.
Dans Kompozer : Menu Insertion / Code HTML
  1. Placer le pointeur de la souris à l'emplacement voulu sur la page
  2. Menu Insertion /  Code HTML
  3. Dans la fenêtre "Insérer du code HTML", coller ces quelques lignes de code :

Le code de base étant :

<object type="application/x-shockwave-flash" data="sons/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="sons/dewplayer.swf" />
<param name="flashvars" value="mp3=sons/titre1.mp3" />
</object>

La base est la même :

Tout le reste étant donc paramètrage personnel, comme les couleurs éventuelles du lecteur, la fonction fullscreen etc...

Lecteurs Player MP3lecteur MP3 multi

Télécharger l'archive sur le site  Lecteur MP3
Dézipper sur le bureau et choisir  Player MP3 multi
Procéder de la même façon pour placer le fichier swf dans notre dossier de site.


code à insérer
:
          <object type="application/x-shockwave-flash" data="sons/player_mp3_multi.swf" height="100" width="200">
            <param name="movie" value="sons/player_mp3_multi.swf">
            <param name="FlashVars" value="mp3=sons/titre1.mp3|sons/titre2.mp3|sons/titre3.mp3|sons/titre4.mp3|sons/titre5.mp3">
          </object>

Les différents titres seront séparés dans le code par des pipes (alt Gt + 6 du pavé alphanumérique pour un clavier français)

Haut de page

Jos Argaud - Mise à jour 20/02/2010  Pour m'écrire  Document made with KompoZer