Siga la documentación para enviar y recibir eventos a través de postMessage de nuestro reproductor

Cómo enviar

Para desencadenar el evento debes hacer que el código de postMessage siga un ejemplo para este iframe:

<iframe allowfullscreen="" class="iFrameVideos" src="http://localhost:3000/"></iframe>

Hacer un selector de consulta en el iframe

const iframeContent = document.querySelector('.iFrameVideos')

Crear el JSON del evento:

const func = {
    time: 0,
    public_event: 'jmvplayer-play'
}

Envíalo en el postMessage

iframeContent.contentWindow.postMessage(JSON.stringify(func),'*')

Su evento se activará entonces en el jugador.

Cómo recibir

Envía un mensaje de sincronización del reproductor con el evento:

{
    public_event: "jmvplayer-sync"
}

Implementar la función de escuchar los mensajes

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
    console.log(event)
}

Implementar su lógica para los eventos OUT

Los eventos

jmvplayer-play

{
  time: 1
  public_event: 'jmvplayer-play'
}

Activa un evento de juego en el jugador. Puede introducir un tiempo para indicar cuánto tiempo después se activará este evento.

jmvplayer-jump

{
  jump: 1
  public_event: 'jmvplayer-jump'
}

Activa un evento de salto en el vídeo a un punto deseado, independientemente de dónde se encuentre.

jmvplayer-pause

{
  time: 2
  public_event: 'jmvplayer-pause'
}

Activa un evento de pausa en el reproductor. Puede indicar al equipo el tiempo tras el cual se activará este evento.

jmvplayer-stop

{
  time: 2
  public_event: 'jmvplayer-stop'
}

Recarga el iframe, forzando ese fotograma al principio del vídeo.

jmvplayer-jump

{
  jump: 1
  public_event: 'jmvplayer-jump'
}

Activa un evento de salto en el vídeo a un punto deseado, independientemente de dónde se encuentre.

jmvplayer-skip

{
  jump: 1
  public_event: 'jmvplayer-skip'
}

Activa un evento de salto en el vídeo a un punto deseado, relativo a la posición en la que se encuentra. Si pasas el parámetro de salto negativo el reproductor intentará rebobinar el vídeo.

Eventos OUT

Estos eventos se encargan de informar de lo que le ocurre al jugador cuando el usuario realiza alguna acción que tiene un oyente.

Para escuchar este evento es necesario enviar jmvplayer-sync

Trae algunas variables auxiliares como:

currentTime: Hora actual del vídeo.

duration: Tiempo total del vídeo.

eventName: Nombre del evento ejecutado.

paused: informa 0 si el Player no está pausado y 1 si está pausado.

jmvplayerout-play

{
      event: "jmvplayerout-play",
      paused: 0,
      duration: video.duration,
      currentTime: video.currentTime,
}

Envía el mensaje cuando se activa el evento de reproducción.

jmvplayerout-pause

{
      event: "jmvplayerout-pause",
      paused: 1,
      duration: video.duration,
      currentTime: video.currentTime,
}

Envía el mensaje cuando se activa el evento de pausa.

jmvplayerout-skip

{
      event: "jmvplayerout-skip",
      paused: 0,
      duration: video.duration,
      currentTime: video.currentTime,
}

Envía el mensaje cuando activa el evento de omisión.

jmvplayerout-skip

{
      event: "jmvplayerout-end",
      duration: video.duration,
      currentTime: video.currentTime,
}

Envíe el mensaje cuando termine el vídeo.

jmvplayerout-status

{
      event: "jmvplayerout-status",
      paused: 0,
      duration: video.duration,
      currentTime: video.currentTime,
}

Envía el mensaje cuando se activa el evento timeupdate.

Leia em outros idiomas: English Portugués, Brasil Español