plugin jPlayer. Créer une playlist [Résolu]

[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 :

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 :

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]

Envoyé par nadox

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 :

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 :

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

[spydemon]

Effectivement, il serait peu être judicieux que j'apprenne à utiliser le javaScript avant de continuer quoi que ce soit.

C'est pas très pratique, mais il faut faire avec :-)
Merci pour votre aide en tout cas

Nadox, j'arrive à utiliser ta solution qu'à moitié : J'ai bien le nom des musiques qui s'affichent dans la playlist, mais impossible de les jouer
Bref, je vais apprendre à utiliser tout ça pour rendre le truc fonctionnel

[nadox]

C'est normal que ma correction ne fonctionne qu'à moitié, j'ai juste corrigé ce qui n'allait pas pour l'affichage de la playlist... il reste encore un peu de travail pour utiliser vraiment ton code.
Si tu compare avec l'exemple officiel du plugin, tu verras qu'il manque quelque trucs tout de même

En tous cas, c'est vraiment une bonne chose si tu commence par le début.
Tu peux commencer par aller voir les tutoriels par exemple. Tu trouveras aussi pas mal d'exemple pour comprendre dans les sources ou la FAQ.
Bien entendu, tu as aussi plein de ressources partout sur le web pour débuter un apprentissage du langague.
En tous cas, n'hésite pas à poser des questions si tu as besoin.

[spydemon]

Bon ça va, je m'en suis sorti au final.
Comme dit, il fallait pomper plus de code de l'exemple

En tout cas c'est vrais, il faudra quand même que je pense à me prendre le temps pour l’apprentissage du javaScript un jour quand même

Merci pour votre aide en tout cas !