18041 sujets

Questions générales et questions de débutants

Dewplayer Vinyl - Bug d'affichage ou erreur de code? - HELP

Bonjour à tous,

je suis actuellement en train de mettre en place le lecteur vinyl de DEW sur mon blog mais je me heurte à quelques petits problèmes que je ne sais pas résoudre. Si vous pouviez vérifier mes codes et me dire si ce sont eux qui déraillent ou si c'est un bug sur ce player, ce serait super.
Description du problème: l'affichage des covers ne se fait pas (j'ai essayé deux codes, vous verrez mais aucun ne marche) et le lien "Commander CD" ne marche pas non plus. Il ne me semble pas qu'il y ait de tuto déjà fait pour ce player... j'en mettrai un en ligne après avoir résolu le problème si quelqu'un arrive à le résoudre.

Merci d'avance.
P.


Voici l'adresse de ma page de test:
http://www.englishdaybyday.net/article-test-vinyl-63613261.html


Mon code d'insertion pour le lecteur:

<object type="application/x-shockwave-flash" id="dewplayervinyl" height="113" width="303" data="http://ddata.over-blog.com/3/18/86/31/dewplayer/dewplayer-vinyl.swf">
<param name="data" value="http://ddata.over-blog.com/3/18/86/31/dewplayer/dewplayer-vinyl.swf" />
<param name="name" value="dewplayervinyl" />
<param name="flashvars" value="xml=http://ddata.over-blog.com/3/18/86/31/dewplayer/playlistxml/playlisttest2.xml" />
<param name="src" value="http://ddata.over-blog.com/3/18/86/31/dewplayer/dewplayer-vinyl.swf" />
</object>


Le code dans mon mon fichier XML: 


<playlist version="1">
<title>Vocabulary Test</title>
<creator>Philippe Hattais</creator>
<link>http://www.englishdaybyday.net/</link>
<info>Missing words</info>
<image>scr="http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/1.jpg"</image>

<trackList>

<track>
<location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test3.mp3</location>
<creator>Mr Hattais</creator>
<album>Ma Compil</album>
<title>Dancer in the Dark</title>
<annotation>I love this song TEST</annotation>
<duration/>
<img src="http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/3.jpg"/>
<info/>

<link>
 http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)
 
</link>
</track>

<track>
<location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test2.mp3</location>
<creator>Just for a try</creator>
<album>Ma Compil</album>
<title>This is a new test</title>
<annotation>I love this song TEST 2</annotation>
<duration/>
<img src="http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/2.jpg"/>
<info/>

<link>
 http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)
 
</link>
</track>


<track>
<location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test1.mp3</location>
<creator>Why Not</creator>
<album>Ma Compil</album>
<title>Hope this is working</title>
<annotation>I love this song TEST</annotation>
<duration/>
<img src="http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/1.jpg"/>
<info/>

<link>
 http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)
 
</link>
</track>


</trackList>
</playlist>
Salut

Je te dirais au départ que le fichier xml : C'est la balise « image »

Les url's des images ne sont pas des valeurs d'attributs de la balise « image ».
De plus tu marque « img » au lieu de « image »

Les fichiers xml de dew sont comme ceci

<image>http://www.monsite.com/images/jpg/monFichierImage.jpg</image>

Prend exemple en entête sur le fichier xml : juste avant « trackList » C'est bien « image »
La valeur de image est un noeud texte et non pas un noeud d'attribut.

Toi tu l'écrit comme en HTML » voir à l'intérieur de « trackList » de ton fichier xml


<!-- Erreur ici : c'est comme du HTML : Il ne faut pas -->
<img src="monAdresseImage" />

Tu as des erreurs aussi sur ta balise « object »

Ton nouveau fichier xml

<?xml version="1.0" encoding="utf-8"?>
<playlist version="1.0" xmlns="http://xspf.org/ns/0/">
<title>Vocabulary Test</title>
<creator>Philippe Hattais</creator>
<link>http://www.englishdaybyday.net/</link>
<info>Missing words</info>
<image>http://www.fileden.com/files/2009/8/24/2553584/fordIndigoConcept_02.jpg</image>
<trackList>
<track>
<location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test3.mp3</location>
<creator>Mr Hattais</creator>
<album>Ma Compil</album>
<title>Dancer in the Dark</title>
<annotation>I love this song TEST</annotation>
<duration/>
<image>http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/2.jpg</image>
<info/>
<link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link>
</track>
<track>
<location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test2.mp3</location>
<creator>Just for a try</creator>
<album>Ma Compil</album>
<title>This is a new test</title>
<annotation>I love this song TEST 2</annotation>
<duration/>
<image>http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/3.jpg</image>
<info/>
</track>
<track>
<location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test1.mp3</location>
<creator>Why Not</creator>
<album>Ma Compil</album>
<title>Hope this is working</title>
<annotation>I love this song TEST</annotation>
<duration/>
<imgage>http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/1.jpg</image>
<info/>
<link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link>
</track>
</trackList>
</playlist>

Ta balise « object » peut être aussi simple que ceci

<object type="application/x-shockwave-flash" data="dewplayer-vinyl.swf" width="303" height="113">
<param name="movie" value="dewplayer-vinyl.swf?xml=xml/playlist.xml" />
<param name="quality" value="high" />
</object>

data = dewplayer-vinyl.swf : C'est une métadonnée sur l'objet flash non pas son url
Revoie tes adresses de ta balise « param » car chez moi j'ai testé selon mes adresses url

Les images au lancement des sons


C'est bien ça ?

upload/20350-vivnyl.jpg

Et ça aussi ?

upload/20350-vinyl2.jpg

Arrêtons-nous sur l'image suivante s.v.p » Les notes suivantes sont !importantes

Image de base au lancement de l'application mais avant la lecture du son
J'ai cibler une de mes images sur fileden.com. Par contre vérifie ton url image car celui-ci ne fonctionne pas.
C'est la balise « image » en entête de document xml avant la balise « trackList ». Celui-ci est positionner avant le lancement du premier son. Nous ne la voyons qu'une seule fois.

Au lancement du son cette image ne reviens pas. Même en sélectionnant précédent ou suivant. Elle ne reviendra qu'au prochain lancement de l'application. Il s'agit en fait d'une image particulière puisqu'elle a pour fonction de raconter le contenu de tout ce qui suit par la suite.

Pour faire vrai c'est cette image qui devrait être la couverture du CD, les autres images, au lancement du son devrait être des images en interne du CD. Comme un livret fourni avec le CD par exemple. Telle que défini, une application devrait présenter un seul et unique CD.

En un mot à chaque CD, une autre application du dewplayer-vinyl.swf.
Voilà la bonne façon d'utiliser le dewplayer-vinyl.swf.

upload/20350-vinyl0.jpg

Vous pourriez très bien créer une fonction javascript avec un array conteneur de plusieurs fichiers xml »
var fichiers = new Array ('cd_01.xml', 'cd_02.xml', 'cd_03.xml') et de voir afficher un CD différent à chaque lancement de l'application, et sur un seul dewplayer-vinyl.swf. Mais je suggère surtout que ce principe soit développer en PHP, avec un choix alléatoire.

Ton commander CD fonctionne aussi puisqu'il me renvoie sur ton site.

Si tes images sont sur le serveur où tourne l'application tu pourras utilisé une adresse relative : du genre »

<image>covers/monImage_01.jpg</image>

Sinon une adresse absolue en ~http:// De même aussi pour tout autre type de fichier comme mp3 et xml
Utilise l'adresse absolue seulement si tes fichiers .jpg .mp3 ou .xml sont cibler sur un autre serveur que le tiens.

++
Modifié par zardoz (25 Dec 2010 - 23:13)
Merci beaucoup pour ton aide Zardoz mais j'ai eu beau suivre et copier les codes que tu m'as donnés, ça ne marche pas chez moi... :s
L'affichage des images (couverture album et suivantes) ainsi que les liens Commander CD ne fonctionnent toujours pas (et c'est d'autant plus frustrant qu'avec toi, ça marche...).
Cf. page de test ici:
http://www.englishdaybyday.net/article-test-vinyl-63613261.html


Concernant la balise OBJECT, la plateforme sur laquelle je suis (over-blog) la "corrige" automatiquement et du coup j'obtiens ça et je ne peux pas changer: 


<object type="application/x-shockwave-flash" height="113" width="303" data="http://ddata.over-blog.com/3/18/86/31/dewplayer/dewplayer-vinyl.swf?xml=http://ddata.over-blog.com/3/18/86/31/dewplayer/playlistxml/playlisttest4.xml">
<param name="data" value="dewplayer-vinyl.swf" />
<param name="quality" value="high" />
<param name="src" value="http://ddata.over-blog.com/3/18/86/31/dewplayer/dewplayer-vinyl.swf?xml=http://ddata.over-blog.com/3/18/86/31/dewplayer/playlistxml/playlisttest4.xml" />
</object>


Ca viendrait peut-être de là alors?

Pour le fichier xml, voici ce qui j'ai mis (exactement ce que tu m'as donné sauf pour TITLE de façon à être sûr d'avoir le bon fichier pour faire des vérifications d'affichage et une balise image qui était mal orthographiée; autant dire que je n'ai rien modifié de crucial): 



<?xml version="1.0" encoding="utf-8" ?> 
  <playlist version="1.0" xmlns="http://xspf.org/ns/0/">
  <title>NEW Vocabulary Test</title> 
  <creator>Philippe Hattais</creator> 
  <link>http://www.englishdaybyday.net/</link> 
  <info>Missing words</info> 
  <image>http://www.fileden.com/files/2009/8/24/2553584/fordIndigoConcept_02.jpg</image> 

  <trackList>

  <track>
  <location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test3.mp3</location> 
  <creator>Mr Hattais</creator> 
  <album>Ma Compil</album> 
  <title>Dancer in the Dark</title> 
  <annotation>I love this song TEST</annotation> 
  <duration /> 
  <image>http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/2.jpg</image> 
  <info /> 
  <link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link> 
  </track>

  <track>
  <location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test2.mp3</location> 
  <creator>Just for a try</creator> 
  <album>Ma Compil</album> 
  <title>This is a new test</title> 
  <annotation>I love this song TEST 2</annotation> 
  <duration /> 
  <image>http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/3.jpg</image> 
  <info /> 
  </track>

  <track>
  <location>http://ddata.over-blog.com/3/18/86/31/dewplayer/mp3/test1.mp3</location> 
  <creator>Why Not</creator> 
  <album>Ma Compil</album> 
  <title>Hope this is working</title> 
  <annotation>I love this song TEST</annotation> 
  <duration /> 
  <image>http://ddata.over-blog.com/3/18/86/31/dewplayer/covers/1.jpg</image> 
  <info /> 
  <link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link> 
  </track>
  </trackList>
  </playlist>


Si quelqu'un voit le problème, ce serait super de m'aiguiller à nouveau. Je vais voir avec over-blog de mon côté s'ils peuvent aussi me filer un coup de main.

+++
P.
Hello

J'ai vérifier sur ton site et pourtant ça marche »:)_
Eh oui ça marche, tout est en ordre. Ça fonctionne parfaitement d'ailleurs.

++
Modifié par zardoz (24 Dec 2010 - 12:33)
Bon et bien merci pour cette bonne nouvelle... j'aurais pu passer des heures et des heures... car sur mon navigateur (dernière version de firefox), ça ne fonctionne toujours pas. J'ai essayé aussi avec Internet explorer 8 et même topo.
Par contre effectivement, j'ai testé sur un autre poste (avec internet explorer) et ça marche bien au niveau de l'affichage des images mais le lien "commander cd" ne marche toujours pas...

Bref, en tous cas si ça marche pour toi, ça doit marcher pour d'autres aussi... (l'inverse est également vrai malheureusement).

Tu aurais une idée du pourquoi ça bug chez moi? C'est quand même bizarre ce truc.

P.

Pour info:
My configuration : Mozilla/5.0 (Windows; U; Windows NT 6.1; fr; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13
Malheureusement la balise « object » est gérer par over-blog et ne t'accorde pas de liberté.
Pour ma part je préfère choisir et je ne laisse aucun programme décider pour moi.

J'avoue cependant que c'est la première fois que je vois la balise « object » gérer de cette façon. Cependant je ne sais pas si tu écrit la balise « object » dans l'interface HTML ou si tu utilise les boutons de la zone administrative pour intégrer l'objet Flash.

Essais le en écriture en zone HTML. De plus la balise « object », épuré, est parfaitement mémorisable.

Sinon, désolé car les CMS, je ne connais pas vraiment. Je vois en même temps que tu n'as pas le contrôle des répertoires. C'est over-blog qui décide de tout. C'est dommage.

Il y a une façon d'écrire la balise « object » et qui est multi-navigateur et valide au w3c.
As-tu fait un test au w3c ? Il serait peut-être bien que tu valide au w3c. Par curiosité.

++
Modifié par zardoz (24 Dec 2010 - 19:18)
Salut

J'ai fait des test avec FF4 Beta 7. Tout est ok dès l'instant où je cible mes images sur fileden.com. Par contre ça fonctionne pas lorsque je cible tes images sur over-blog.

Tu as un excellent pack gratuit sur fileden.com : si tu veut faire des tests. Tu pourras transférer tes images sur fileden (USA).

Ou contacter l'admin d'over.

IE8 : tout est ok. Je n'ai pas vérifier Opera Chrome et Safari, par contre quand ça marche FF ça marche partout.

Cette balise « object » fonctionne aussi.

<object type="application/x-shockwave-flash" data="dewplayer-vinyl.swf" width="303" height="113">
<param name="movie" value="dewplayer-vinyl.swf" />
<param name="flashvars" value="xml=xml/playlist.xml" />
<param name="quality" value="high" />
</object>

En vérifiant évidemment ton url du fichier xml et/ou autres fichiers.
Je te parlerais bien des scripts javascript mais ceux-ci ne s'occupe que des contrôles audio et ne jouerons pas sur la question des chargements d'images.

Aucune erreurs à la validation au w3c ne concerne la balise « object », donc c'est ok à ce niveau là.

++
Modifié par zardoz (24 Dec 2010 - 21:34)
Merci à nouveau pour ton aide. Je viens de tout mettre sur mon blog avec les explications pour que d'autres puissent s'en servir.

J'ai uploadé mes jpg sur fileden comme tu me l'as recommandé et j'ai téléchargé la version beta 8 de FF. Pas de vrais changements, sinon que j'ai pu voir l'affichage des images deux fois sur euh... 30 ... ça veut dire que ça marche... mais ça bug... va savoir. En tous cas, avec IE8, ça marche très bien sur mon PC comme sur d'autres. Donc, ça, c'est plutôt encourageant.
Ah j'oubliais, les liens COMMANDER CD n'ont jamais marché pour moi, quelque soit le PC ou l'explorateur web...

Je serai bien intéressé par tes idées en javascript pour le contrôle du volume qui serait effectivement une fonction intéressante par rapport au player proposé par Dew.

Si tu veux que je te mette en lien sur l'article, pas de problème bien au contraire. Donne-moi juste le lien que tu souhaites que j'insère.

J'ai commencé à faire une page de tutoriel sur ma page de test ici:

http://www.englishdaybyday.net/article-test-vinyl-63613261.html

Je la complèterai par la suite si j'ai d'autres infos.

+++
P.
Modifié par PhilouDeParis (26 Dec 2010 - 10:33)
Salutation

Il y a effectivement une instruction javascript possible. Celle-ci s'affiche ainsi : javascript=on

<param name="flashvars" value="xml=xml/dewplayer.xml&javascript=on" />

Toutefois je ne sais pas jusqu'où over-blog te permettra d'utilisé javascript. En fait il ya aussi des scripts qui contrôle le Lecteur. Ceux-ci sont placer en entête du document. Sous les styles CSS. Remarque aussi qu'un autre fichier js est cibler « swfobject.js » : Voir l'exemple suivant.

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
function play() {
  var dewp = document.getElementById("player");
  if(dewp!=null) dewp.dewplay();
}
function go(track) {
  var dewp = document.getElementById("player");
  if(dewp!=null) dewp.dewgo(track);
}
function stop() {
  var dewp = document.getElementById("player");
  if(dewp!=null) dewp.dewstop();
}
function pause() {
  var dewp = document.getElementById("player");
  if(dewp!=null) dewp.dewpause();
}
function next() {
  var dewp = document.getElementById("player");
  if(dewp!=null) dewp.dewnext();
}
function prev() {
  var dewp = document.getElementById("player");
  if(dewp!=null) dewp.dewprev();
}
</script>
</head>
<!-- body region -->

Je ne vois aucun script js qui concerne le bouton Commander CD. Par contre celui-ci devrait être effectif uniquement par utilisation de « link ». Il est surtout coder en actionscript, via l'objet XML. Et par le fait même devrait être effectif.

++
Modifié par zardoz (26 Dec 2010 - 19:52)
Hello

J'ai relu ta question concernant l'ajout de script en javascript
Il est inutile d'écrire une fonction en javascript qui ne soit pas attendu par actionscript.

Les modules de dew se font ainsi » niveau du langage : AS2

1 ) actionscript : celui-ci utilise un package nommé » flash.external - c'est le rapport de communication entre actionscript et son environnement (HTML/javascript). Celui-ci contient une ou plusieurs classes.

2 ) actionscript : une classe est utilisé avec le package : ExternalInterface » c'est l'utilisation de cette classe qui établit la communication de actionscript avec son environnement (HTML)

3 ) actionscript : une méthode est utilisé : addCallback (param1, param2, param3). cette méthode détermine la fonction javascript au premier param. Par le fait même actionscript s'attend à une réaction du côté javascript » si le bouton play est activé actionscript le récupère.

Exemple de code en actionscript » actionscript attend une réaction de javascript sur la fonction dewplay ();

flash.external.ExternalInterface.addCallback ('dewplay', null, 'dewplay');

Ce en quoi écrire des fonctions perso sur le volume n'est pas possible si actionscript ne l'a pas d'abord et avant tout déterminer en interne du Lecteur. Les fonctions du côté javascript sont tous prédéfinis du côté de actionscript.

Remarque que les fonctions perso en javascript appelle toujours une fonction prédéfini et attendu par actionscript. Exemple

// fonction perso --
function play ()
{
    var dewp = document.getElementById("player");
    // Appelle de la fonction prédéfini en actionscript : dewplay () --
    if(dewp!=null) dewp.dewplay();
}

flash.external.ExternalInterface.addCallback ('dewplay', null, 'dewplay');

Il en est de même de tous les fonctions attendues par actionscript. En générale ceux-ci ne toucherons que les fonctionnalité du Lecteur.

Seulement certaines options reste possible mais qui n'entretiendrons pas de relation avec actionscript. Comme l'exemple de plusieurs fichiers XML dans un array (et un random) pourras permettre un nouveau CD à chaque lancement de l'application. Je ne l'ai pas essayé mais techniquement c'est possible.

Comme je n'ai pas les scripts de dew en AS2, accorde moi quand même le droit à l'erreur. Mais les bases sont là. Ce qu'il faut retenir c'est que rien ne peut être fait du côté de javascript sans le consentement de actionscript, et si ces fonctionnalités touche directement l'utilisation du Lecteur (comme le volume par exemple).

Espérant t'avoir aider Smiley smile

++
Modifié par zardoz (27 Dec 2010 - 10:38)
Oui je me doutais bien qu'agir sur le volume n'était pas possible mais comme tu semblais en parler dans un post précédent, je me suis dit, je vais demander... on ne sait jamais. Smiley langue
En tous cas, tes précisions sont riches d'infos et de détails et elles m'ont beaucoup aidées.

Merci encore. Smiley cligne
+++
P.
Salut

De rien Philou : c'est du plaisir pour moi.

Je te souhaite une bonne continuation pour ton site.

++

PS : J'aime bien ton audio dropbox que j'ai tester d'ailleur. Si jamais j'en développe un en AS3, par curiosité, je te le proposerai. Smiley cligne

N'abandonne pas. @+
Modifié par zardoz (27 Dec 2010 - 12:42)
Bonjour
J'ai moi-même ce problème avec le lecteur vinyl.

L'image n'apparait que quand elle le souhaite !

Même dans votre page
http://www.alsacreations.fr/dewplayer.html
Le mp3 se lance bien mais l'image de la pochette n'apparait pas tout le temps

En testant de l'installer sur mon site j'ai le même soucis, j'ai essayé de redimensionner les images mais pas d'améliorations

Bonne journée
Bonjour à tous !

Je confirme, le dew player vinyl n'affiche que la 1ere image sur Firefox...
Est-ce qu'un webmaster d'alsacreation peut nous expliquer comment ça se fait ?

Merci d'avance !
Hi, I'm sorry, I don't speak French, but I've read this discussion via Google Translate and I'm having the same problem. The album images in the vinyl player only show up occasionally for me. It's the same when I look at the vinyl player example on Dewplayer's site, as well as the one I've installed on my own site. Is there any fix planned for this? I LOVE the vinyl player, it's exactly what I wanted for my site, but this album art problem is frustrating.
Modifié par spikedcandy (25 Apr 2012 - 06:14)
Sujet clos
Aller à