Dewplayer, un lecteur MP3 en flash

[koeklin]

----------------------------------------------------------------------------------------------------------------------------------
DEWPLAYER
----------------------------------------------------------------------------------------------------------------------------------

Dewplayer est un player MP3 en flash évolutif et personnalisable.

L'avantage de ce lecteur flash est le côté universel (comparé à Quiktime qui peur poser des problèmes sous Windows...) et la possibilité de playlist...











---------------------------------------------------------------------------------------------------------------------------------------
TUTORIEL: INSERTION DU PLAYER "MINI"
(la technique est la même pour les autres players sauf Playlist, voir ci-dessous)
----------------------------------------------------------------------------------------------------------------------------------

Attention, dans tout ce tutoriel, vous devrez remplacer

Code:

http://www.Votre-Domaine.com

par le vrai nom de domaine de votre site.exemple:

Code:

http://www.iweb-forum.com

1/ Téléchargez l' Archive dewplayer.zip

-Une fois téléchargée, double clic pour l'ouvrir, le dossier "dewplayer" s'ouvre.

-Ce qui nous intéresse est le fichier flash "dewplayer-mini.swf".



2/ Créez un dossier sur votre bureau (exemple: "player")

-Glissez y le fichier "dewplayer-mini.swf" ainsi que votre morceau de musique (exemple: "test.mp3")
Attention, pas d' espace ou d'accents dans le nom du MP3





3/ Uploadez (Mettez en ligne) le dossier "Player" à la racine votre site grâce à un logiciel FTP (Cyberduck, Transmit.....)


Votre morceau MP3 est donc à l'adresse http://www.Votre-Domaine.com/player/test.mp3
Essayez cette URL dans un navigateur, votre morceau doit se lire.
(En changeant bien entendu "Votre Domaine" par votre vrai domaine.....)




4/ Remplissez le générateur de code HTML proposé par Alsacréation

-Dans le champ "URL du fichier MP3", entrez : http://www.Votre-Domaine.com/player/test.mp3
-Dans le code généré, repérez

Code:

dewplayer-mini.swf

(présent deux fois)
-Modifiez pour donner le chemin absolu

Code:

http://www.Votre-Domaine.com/player/dewplayer-mini.swf

Voici ce que ça donne

Code:

<object type="application/x-shockwave-flash" data="http://www.Votre-Domaine.com/player/dewplayer-mini.swf" width="160" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="http://www.Votre-Domaine.com/player/dewplayer-mini.swf" />
<param name="flashvars" value="mp3=http://www.Votre-Domaine.com/player/test.mp3" />
</object>

5/ Ouvrez iWeb à la page ou vous souhaitez insérer le player. (exemple: accueil)

-Glissez le code ci dessus dans un fragment HTML puis, "Appliquez"

Vous devriez voir apparaitre le mini player.
-Enregistrez et publiez



6/ Rendez-vous à http://Votre-Domaine.com/accueil.html, votre player se lance!








------------------------------------------------------------------------------------------------------
TUTORIEL: INSERTION DU PLAYER "PLAYLIST"
----------------------------------------------------------------------------------------------------------------------------------

Attention, dans ce tutoriel, vous devrez replacer:

Code:

http://Votre-Domaine.com

par le vrai nom de domaine de votre site web. Exemple:

Code:

http://www.iweb-forum.com

1/ Téléchargez l' Archive dewplayer.zip
-Une fois téléchargée, double clic pour l'ouvrir, le dossier "dewplayer" s'ouvre.

-Ce qui nous intéresse est le fichier flash "dewplayer-playlist.swf"




2/ Ouvrez une page vierge avec un éditeur HTML (Fraise par exemple) que nous appelerons "playlist.xml"
-Insérez et modifiez le code suivant (le titre, l'album et "Votre-Domaine.com" ainsi que le nom de vos MP3 ici: test.mp3 et test1.mp3)

Code:


<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
 

    <trackList>
  <track>
          <location>http://www.Votre-Domaine.com/player/test.mp3</location>
          <creator>Bedrich Smetana</creator>
          <album>Má Vlast</album>
          <title>La Moldau (Smetana)</title>
        </track>
       
        <track>
          <location>http://www.Votre-Domaine.com/player/test1.mp3</location>
          <creator>Cesaria Evora</creator>
          <album>Voz d'Amor (Cesaria Evora)</album>
          <title>Saia Travada</title>
        </track>
</trackList>
</playlist>

Dans notre exemple, il y à seulement deux morceaux MP3.
Si vous souhaitez en ajoutez d'autres, dupliquez et modifiez (titre, Domaine, nom du MP3...) autant de fois que nécessaire le code suivant:

Code:

  <track>
          <location>http://www.Votre-Domaine.com/player/test2.mp3</location>
          <creator>Cesaria Evora</creator>
          <album>Voz d'Amor (Cesaria Evora)</album>
          <title>Saia Travada</title>
        </track>

Enregistrez votre fichier "playlist.xml"




3/ Créez un dossier sur votre bureau (exemple: "player")
-Glissez y les fichiers: "dewplayer-playlist.swf" et "playlist.xml"ainsi que votre/vos morceaux de musique (exemple: "test.mp3" et "test1.mp3" et "test2.mp3")

Attention, pas d' espace ou d'accents dans le nom du MP3
[/url]




4/ Uploadez le dossier "player" à la racine de votre site (par FTP)



5/ Ouvrez iWeb à la page à laquelle vous souhaitez insérer le player (Exemple: accueil)
-Collez et modifiez le code ci-dessous (changez trois fois Votre-Domaine.com)

Code:

    <object type="application/x-shockwave-flash" data="http://www.Votre-Domaine.com/player/dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
    <param name="wmode" value="transparent" />
    <param name="movie" value="http://www.Votre-Domaine.com/player/dewplayer-playlist.swf" />
    <param name="flashvars" value="showtime=true&autoreplay=true&xml=http://www.Votre-Domaine.com/player/playlist.xml" />
    </object>

-Appliquez et enregistrez



6/ Publiez, c'est parti. Rendez-vous à http://Votre-Domaine.com/accueil.html pour voir votre Player

-------------------------------------------------------
Tutoriel proposé par Jeancharleslast

[ao]

Merci de vos deux réponses. Je vais essayer et vous tiens informée.

[ao]

Rebonjour à tous.
Après avoir essayé vos pistes ce jour, je vous remercie ab-so-lu-ment : ça fonctionne immédiatement parfaitement !
Maintenant, j'aimerais aller plus loin en choisissant la version playlist du dewplayer.
Mais Alsacréations ne génère pas le code html nécessaire.
Il donne des pistes dans les fichiers zip joints mais pour une novice, impossible de s'y retrouver.
Quelqu'un parmi vous sait il quel code html utiliser pour utiliser ce lecteur ci ?
Merci encore de vos réponses.

[koeklin]

Télécharger le dossier playlist sur le site d'alsacréation et fouiller-le.

Editer le fichier playlist.xml avec Smultron :

Code:

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
    <trackList>

        <track>
          <location>nomdevotrefichier1.mp3</location>
          <creator></creator>
          <album></album>
          <title></title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>
       
        <track>
          <location>nomdevotrefichier2.mp3</location>
          <creator></creator>
          <album></album>
          <title></title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>

    </trackList>
</playlist>

remplacer nomdevotrefichier1.mp3 et nomdevotrefichier2.mp3
Chaque fois que vous ajoutez, un titre il faut ajouter ce code au précédent :

Code:

     
        <track>
          <location>nomdevotrefichier3.mp3</location>
          <creator></creator>
          <album></album>
          <title></title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>

Dans un Fragment HTML placer le lien suivant:

Code:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="240" height="200" id="dewplayer" type="application/x-shockwave-flash">
  <param name="allowscriptAccess" value="sameDomain" />
  <param name="movie" value="dewplayer-playlist.swf?showtime=true" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#ffffff" />
  <param name="wmode" value="transparent" />
  <embed src="dewplayer-playlist.swf?showtime=true" wmode="transparent" quality="high" bgcolor="#ffffff" width="240" height="200" name="dewplayer" allowscriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  </object>

Redimensionner le fragment HTMl si besoin à la taille du lecteur.

Sur la page iWeb, faire x liens vers un fichier (x = 2 + nombres de mp3)
1. vers le fichier playlist.xml
2. vers le fichier dewplayer-playlist.swf
3. vers chacun de vos mp3
Cacher ses liens,

Publier.

[ao]

Bonjour.
Voici les résultats de mes premiers essais. Une fois la méthode utilisée j'ai sur mon site la chose suivante :

[img][/img]

C'est à dire que je ne vois pas apparaître la liste des deux extraits mp3 que j'ai inclus pour faire un test, ni rien écouter. Qu'en pensez vous ? qu'est ce qu'il vous semble que je n'ai pas su faire ?
Encore (et encore) merci pour vos réponses (ou reproches !!!)

[koeklin]

sur une simple capture, c'est difficile de dire d'où vient l'erreur. il faudrait au moins voir la page.

[ao]

ça marche !!!! J'ai refait tout pas à pas une nouvelle fois. Et ça marche !!! Merci.

[el padre]

tant mieux pour toi. Encore une affaire résolue par l'inspecteur Koeklin

[Madeline]

On dit le Maître Koeklin
Il a lâché son look de Colombo depuis fort longtemps

[blockos-k]

salut à tous,
le tutoriel est trés bien fait est trés facile à comprendre en lui même.
mais chez moi, ça ne fonctionne toujours pas.
Mon site iWeb fonctionne bien. Aucun soucis. je crée tout simplement un dossier 32player avec ma playlist, le player et le mp3 à l'intérieur.
j'upload à la racine de mon site (et c'est peut-être là le problème).
je visite mon site, je trouve bien le player et le titre du mp3 visible dans la playlist mais il ne se lance pas !
pourtant si je lance directement par le lien si dessous qui pointe directement sur le player, pas de problème la lecture démarre :
http://www.32studproduction.com/32player/dewplayer-playlist.swf
....
ça commence à me taper sur les nerfs.
quelqu'un comprend ce qui se passe chez moi ou a t'il eu le même problème ?
merci
@+

PS : la racine du site c'est quoi ? lorsque j'ai créé mon site sous iWeb, j'ai du lui donner un nom par ex "mon site".
la racine du site signifie que je dois uploader dans le dossier "mon site", là où se trouvent toutes les pages etc...? ou justement sur mon serveur, un cran avant, là où se trouve ce dossier "mon site" et non dans celui-ci ?

[koeklin]

Le code par défault du lecteur playlist est

Code:

<object type="application/x-shockwave-flash" data="dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
   <param name="wmode" value="transparent" />
   <param name="movie" value="dewplayer-playlist.swf" />
   <param name="flashvars" value="showtime=true&autoreplay=true&xml=playlist.xml" />
   </object>

dans ce code, pour l'adapter à iWeb, il faut remplacer

• data="dewplayer-playlist.swf" par data="http://url/du/fichier/dewplayer.swf"
  
• value="dewplayer-playlist.swf" par value="http://url/du/fichier/dewplayer.swf"
  
• value="showtime=true&autoreplay=true&xml=playlist.xml" par value="showtime=true&autoreplay=true&xml=http://url/du/fichier/playlist.xml"

Au total, essayez ce code :

Code:

<object type="application/x-shockwave-flash" data="http://www.32studproduction.com/32player/dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
   <param name="wmode" value="transparent" />
   <param name="movie" value="http://www.32studproduction.com/32player/dewplayer-playlist.swf" />
   <param name="flashvars" value="showtime=true&autoreplay=true&xml=http://www.32studproduction.com/32player/playlist.xml" />
   </object>

[FBreugnot]

Bonjour,

Je ne sais pas ce qu'est et où est la "racine" de mon site pour y ranger le fameux dossier du player Dew "playlist". Comment qu'on fait pour y aller?
Voilà mon site :
http://web.me.com/tommefraiche/tommefraicheprod.com
Merci pour toute vos infos qui m'ont déja grandement aidé à monter ce premier site sur IWeb 3.0.2 et Mac OS 10.6.5
Amicalement, F.Breugnot, musicien.

[koeklin]

Finder > barre de menu > Aller > Se connecter au serveur
coller cette URL

Code:

http://idisk.me.com/tommefraiche/Web/Sites/

cliquer sur "se connecter"
Un peu de patience et ça y est , vous êtes dans votre dossier racine (ce dossier Sites est votre dossier racine) dedans vous trouvez une page index.html et un dossier tommefraicheprod.com créés par iWeb

[FBreugnot]

Merci,de votre réponse. Je vais pouvoir essayer de finir d'installer ces fameux lecteurs Dew, plus universels que Quicktime, j'éspere...

[koeklin]

Surtout qu'en ce moment même sur Mac, l'association "Snow Leopard-Safari-QuickTime-mp3" ne fait pas bon ménage.

[FBreugnot]

Bonsoir la planète IWeb,
Toujours en galère (mais je sens que je vais y arriver...) avec mon Dew playlist. J'ai essayé la dernière version de code (24 /12 à 17h41 sur le forum Widget Dewplayer) à rentrer dans ma page http://web.me.com/tommefraiche/tommefraicheprod.com/Duo_Roche_et_Breugnot.html, soit:

Code:

<object type="application/x-shockwave-flash" data="http://www.32studproduction.com/32player/dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
  <param name="wmode" value="transparent" />
  <param name="movie" value="http://www.32studproduction.com/32player/dewplayer-playlist.swf" />
  <param name="flashvars" value="showtime=true&autoreplay=true&xml=http://www.32studproduction.com/32player/playlist.xml" />
  </object>

Ben ça marche pour cette adresse 32 studprod ect, je peux écouter leur titre nickel, mais quand je rentre le même code modifié avec mon nom de domaine tommefraicheprod.com, ça marche plus, j'ai plus rien :

Code:

<object type="application/x-shockwave-flash" data="http://www.tommefraicheprod.com/dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
   <param name="wmode" value="transparent" />
   <param name="movie" value="http://www.tommefraicheprod.com/dewplayer-playlist.swf" />
   <param name="flashvars" value="showtime=true&autoreplay=true&xml=http://www.tommefraicheprod.com/playlist.xml" />
   </object>

Là je suis un peu perdu, je sais pas s'il faut tout casser et reprendre à zéro ou bien...? Mais je l'aurai ce player, je l'aurai...si quelque docte addict de IWeb peut m'aider, ça s'ra pas d'refus! Merci

[koeklin]

Vous êtes sur d'avoir acheté ce nom de domaine?

Safari ne parvient pas à trouver le serveur.
Safari ne parvient pas à ouvrir la page « http://www.tommefraicheprod.com/ » car le Safari ne peut pas trouver le serveur « www.tommefraicheprod.com ».

[FBreugnot]

Non, je n'ai pas acheté ce nom de domaine. Celui attribué par mobileme est dans cette adresse http://web.me.com/tommefraiche/tommefraicheprod.com/Accueil.html. Alors, bête que je suis, faut il que je remplace partout dans les fragments de codes tommefraicheprod.com par web.me.com/tommefraiche/tommefraicheprod.com ?
Et si j'achète un nom de domaine comme tommefraicheprod.com (sans doute plus éfficace pour le réferencement), faudra-t-il rechanger partout où il est présent?

[koeklin]

D'abord je vous conseille de ne pas choisir dans a barre latérale d'iWeb le nom tommefraicheprod.com parce que

• l'extension .com est à reservé au nom de domaine et non au nom de site d'iWeb
  
• le nom de site apparait dans les URL de vos pages et il est assez redondant avec votre nom d'utilisateur
  
• Cette redondance sera pire si vous choisissez un nom de domaine vos pages auront une URL du genre (et franchement c'est pas terrible) :

Code:

http://www.tommefraicheprod.com/tommefraicheprod.com/Accueil.html.


2. de plus je vous conseille de ne pas mettre vos fichiers dewplayer (swf, mp3 etc.) dans l'actuel dossier tommefraicheprod.com mais
Gardez ces fichiers dans un dossier nommé dewplayer que vous placerez dans le dossier Sites (iDisk > Web > Sites) ou se trouve déjà la page index et le dossier tommefraicheprod.com.
vous trouvez vos fichiers à la l'adresse

Code:

http://web.me.com/votre pseudomobileme/dewplayer/nom_du_fichier.extension

3. Même si vous acheté le nom de domaine par la suite,1. les adresses en web.me.com/votrepseudo restent valables.

[Bourriquet]

Bonjour, j'ai configurer le player, mais est-ce possible de le faire démarrer automatiquement à l'ouverture de la page?

[koeklin]

Bonjour
Reperez dans le code cette balise

Code:

<param name="flashvars" value="mp3='url_ou_nom_de_mon_fichier.mp3'" />

Pour un démarrage automatique, il suffit d'ajouter &autostart=1 entre 'url_ou_nom_de_mon_fichier.mp3' et "

Code:

<param name="flashvars" value="mp3='url_ou_nom_de_mon_fichier.mp3'&autostart=1" />

Pour un démarrage automatique et une lecture en boucle on ajoute en plus &autoreplay=1

Code:

<param name="flashvars" value="mp3='url_ou_nom_de_mon_fichier.mp3'&autostart=1&autoreplay=1" />

[Bourriquet]

J'ai installé avec succès le lecteur et cela fonctionne parfaitement sur Safari. Par contre sur Internet Explorer on ne voit rien apparaitre. Est-ce normal?


Edit: Merci de ne pas poser la question en double et surtout n' importe ou....
Je déplace dans le sujet "DewPlayer"

[Richard]

Bonjour,
à grand peine mais avec une joie sans bornes, j'ai enfin réussi à afficher un lecteur mp3 sur une des pages de mon site en construction. Bravo pour le forum, il reste quelques améliorations rédactionnelles à apporter, je serais heureux d'y participer.
COMMENT SE FAIT-IL que j'aie une fenêtre à remplir, qui me demande d'ouvrir une session me.com, tout en rédigeant mon mot de passe, afin de pouvoir:
1-inscrire mon code HTML dans la fenêtre du Widget.
2-afficher la page, à la visite après publication, de mon lecteur Dewplayer?
D'où sort cette fenêtre???
Merci à vous.
R.

[koeklin]

Il n'y a pas de rapport entre dewplayer et MobileMe. A moins que le code que vous avez copiez contienne à titre d'exemple une adresse de type web.me.com. cette adresse sera donc à modifier.
Quel code utilisez vous dans vos fragments HTML?

[koeklin]

J'ai installé avec succès le lecteur et cela fonctionne parfaitement sur Safari. Par contre sur Internet Explorer on ne voit rien apparaitre. Est-ce normal?

Normal non... Je n'ai d'ailleurs pas ce problème sur mon site. Par contre sur votre page, je ne vois rien apparaitre sans en comprendre la raison. Les codes ont l'air bons pourtant...

[Contenu sponsorisé]