Comment créer un écouteur d’évènements pour JW Player

Ajouter un eventListener sur le lecteur JW Player permet de récupérer un tas d’infos sur le lecteur.
Par exemple il est possible d’ajouter un écouteur pour récupérer l’état de la vidéo (lecture, en pause, etc), la position de lecture, les changements de volume …

Voici comment déclarer un listener:

//pour ajouter un écouteur sur le temps et l'état de la vidéo
player.addModelListener("TIME", "timeListener");
player.addModelListener("STATE","stateListener");
//pour ajouter un écouteur sur les changements de volume on utilise une méthode différente
player.addControllerListener("VOLUME", "volumeListener");

Il reste maintenant à traiter ces informations, exemple avec le stateListener:

function stateListener(obj) {
  //affiche une alerte lorsque l'état de la vidéo est "COMPLETED"
  if(obj.newstate == "COMPLETED")
  {
    alert('COMPLETED');
  }
}

Pour info, les autres états sont: BUFFERING PLAYING PAUSED IDLE et vous pouvez aussi récupérer l’ancien état en affichant obj.oldstate .

Pour le listener « timeListener » utilisez obj.position pour récupérer la position. Exemple:

function timeListener(obj) {
  alert(obj.position);
}

Enfin pour récupérer le volume:

function volumeListener(obj)
{
  alert(obj.percentage);
}

Bon courage et à bientôt!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *