Discussion :

[spydemon]

Salut tout le monde
Je suis un petit nouveau sur ce forum, j'aurai préféré que ça soit une autre raison qui m'aurai poussé à créer un compte ici, mais bon, c'est comme ça

Je suis un développeur php / xHtml, avec malheureusement une mauvaise connaissance de javaScript. Mon problème vient de l'utilisation de jPlayer pour un site de musique.

J'ai réussi à créer un lecteur fonctionnel, mais n'est pas capable de réaliser la liste de lecture qui va avec
J'ai trouvé des explications nul part sur le net, du coup j'ai essayé de pomper les players déjà présent sur d'autres sites, sans succès...

J'ai fais un script de test ici.
Si quelqu'un voit d'où peut venir le problème, je lui en serai très reconnaissant
Merci d'avance, bonne soirée à vous

[danielhagnoul]

Bonsoir

Je n'ai pas la possibilité de tester, mais je vous suggère cette modification :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
	var myPlayList3 = [		
		{name: "test1", m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"},
		{name: "test2", m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"},
		{name: "test3", m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"},
	];

Dans un objet JSON (ici il s'agit d'un objet anonyme : {...}), il ne faut pas écrire "=" mais ":"

[nadox]

Bonsoir,

un virgule de trop à la fin semble aussi poser problème

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
	var myPlayList3 = [		
		{name: "test1", m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"},
		{name: "test2", m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"},
		{name: "test3", m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"}
	];

[danielhagnoul]

Bonsoir, un virgule de trop à la fin semble aussi poser problème

Oui ! Merci, je ne l'avais pas vue !

[spydemon]

Merci pour votre aide :-)
Je n'ai plus d'erreur de syntaxe en JavaScript maintenant

Mais la playlist ne s'affiche toujours pas :-(
Je pense m'embrouiller dans les fonctions, mais je n'arrive pas à trouver où

[nadox]

Je viens d'aller voir le site de jPlayer, et il se trouve qu'il y a une démo concernant l'affichage d'une playlist.
http://www.jplayer.org/latest/demo-02/

Si tu t'inspire de celle-ci, tu as peut-être un peu trop nettoyé l'exemple...
Tu peux t'en inspirer, et même l'utiliser presque tel quel...(sauf videoplaylist)

Si tu veux n'utiliser que ce qui te semble utile dans ce code, je crois que l'objet Playlist est tout de même à garder...

EDIT :
J'ai testé un peu le code que tu as fait, et j'ai simplement modifié l'instanciation de ton player :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
	$("#jp_playlist_1").jPlayer({
		ready: function() {
			displayPlayList();
			playListInit(false); // Parameter is a boolean for autoplay.
		},
		oggSupport: true
 
	});

ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
	$("#jquery_jplayer_1").jPlayer({ // le player n'était pas instancié sur le bon élément...
		ready: function() {
			$(this).jPlayer("setMedia", myPlayList3).jPlayer("play"); // il faut associer la playlist au player...
			alert("ready!"); // pour montrer que le callback 'ready' est bien appelé cette fois
			displayPlayList(); // là ça peut fonctionner puisque le player n'est pas à la place de la playlist...
			playListInit(false); // Parameter is a boolean for autoplay.
		},
		oggSupport: true,
		supplied: "m4a, oga" // pour dire ce qu'on donne à manger au player...
	});

pour que cela fonctionne.
Si tu ne comprends pas mes commentaire, il faudrait peut-être voir à apprendre le javascript avant de chercher à l'utiliser