SDK JS - Player

Lorsque vous passez le paramètre "&events=1" au play (dans l'url ou dans une configuration de player), il vous est possible de piloter le player et de récupérer la valeur du timecode de lecture courant.

Le pilotage est alors rendu possible via l'iframe dans laquelle le player est embarqué.

En utilisant le code d'intégration fourni dans le backend, et en ajoutant un id à l'iframe (par ex "slplayer"), vous pouvez envoyer les commandes postMessage suivantes au player du type slplayer.contentWindow.postMessage('commande', '*'), avec les commandes disponibles suivantes :

Commande  Description
["play"] Lance la lecture du média
["pause"] Met en pause la lecture du média
["mute"] Coupe le volume
["unmute"] Active le volume
["fullscreen"] Bascule en mode fullscreen / taille du player
["seek",30.4] Positionne le timecode à la valeur indiquée, en secondes
["speed",1.3] Définit la vitesse de lecture (1 vitesse normale, valeur inférieure -> au ralenti, valeur supérieure -> en accéléré)
["volume",0.5] Définit le volume (de 0 à 1.0)

 

Par exemple lancer la commande slplayer.contentWindow.postMessage('["speed",1.9]', "*") définira une vitesse de lecture de 1.9x.

 

Afin de récupérer le timecode de lecture du player, il est nécessaire d'ajouter un listener de nom getMediaValues sur votre page hôte. Les valeurs seront poussées toutes les 250 ms approximativement :

<script type="text/javascript">
    function getMediaValues(evt){     
      // Your code, as an example : console.log(evt.data);
    };
    window.addEventListener("message", getMediaValues);
</script>

La valeur récupérée est un json du type suivant :   ["sl-progress",24.363924] .

Création : 26/10/2017  -  Dernière modification : 31/10/2017