Contrôler JW Player en javascript.
Pour mon stage de BTS, je dois faire en sorte de pouvoir contrôler JW Player assez simplement pourtant.
Le site est en PHP (utilisant CakePHP) et je doit crée des chapitres situés à coté de la vidéo.
Les chapitres doivent être assez simple car ils doivent juste afficher des informations (ça c'est fait :p elles contiennent, entre autre, un titre, une description, un mark in et un mark out(c'est à dire les frames de début et fin du chapitre, les vidéos sont en 25FPS, c'est facile de trouvé en seconde, le début du chapitre)) et quand on clique sur un lien (lien situé dans les infos), on doit arriver à l'endroit précis du mark in sur la vidéo.
Par exemple, j'ai une vidéo de 50 secondes et 2 chapitres, l'un de 0 à 25 secondes et l'autre de 25 à 50 secondes.
En cliquant sur le premier, j'arrive à 0 secondes dans la vidéo et en cliquant sur le second, j'arrive à 25 secondes dans la vidéo.
De plus, j'aimerai faire en sorte que l'on puisse voir lors que l'on change de chapitre, simplement en ajoutant du style lors que l'on clique sur un chapitre, ou plus général, lors que l'on arrive sur un chapitre.
Quand la vidéo passe de 24 à 25 secondes, le style (simplement un ">" devant le titre par exemple) passe du chapitre 1 à 2.
J'ai bien sur essayer :
Code:
<a href="#" onclick="player.sendEvent('SEEK', <?php $mark_in/25?>)">Aller au chapitre</a>
Ceci est un exemple.
Mais j'ai l'impression que SEEK est imprécis (il ne marche que tout les 5 secondes chez moi et comme ma vidéo de test dure 10 secondes, il retournait tout le temps au début :/), si je me trompe, faites le moi savoir :p
Je suis en train de regarder pour les playlist mais ça ne me semble pas convenir :/
Merci à mes sauveurs :P
