Controle mediante programación Omny.fm incrustaciones en su sitio web
El reproductor de iframe incrustable de Omny Studio se puede controlar mediante programación desde su propio sitio web con la biblioteca de Javascript de player.js.
Player.js le permite conectarse con el iframe mediante un conjunto de métodos y eventos estandarizados de una amplia variedad de reproductores multimedia enriquecidos compatibles.
Lea la documentación player.js para aprender a implementar player.js en su sitio web.
Vea el código de demostración y el ejemplo para verlo funcionando en vivo.
Eventos admitidos
El reproductor incrustado de Omny Studio emite los siguientes eventos player.js
Play - cuando se juega el reproductor
Pausar: cuando el reproductor está en pausa
Finalizado : cuando el reproductor haya terminado de reproducir el clip
TimeUpdate : mientras el reproductor está jugando, actualiza la hora actual en segundos y la duración en segundos
Métodos admitidos
El reproductor incrustado de Omny Studio admite los siguientes métodos player.js
play() - reproduce el jugador
pause() - pausar el reproductor
getPaused() - devuelve si el reproductor está pausado
setCurrentTime() - busca el tiempo en segundos
getCurrentTime() - devuelve la posición actual en segundos
getDuration() - devuelve la duración en segundos
Mute() - silencia el reproductor
unmute() - reactiva el reproductor.
getMuted() - regresa si el reproductor está silenciado
getVolume() - devuelve el volumen del reproductor en %
setVolume() - establece el volumen del reproductor en %
Política de reproducción automática de iFrame
Debido a los recientes cambios en la política de reproducción automática de Google Chrome, la reproducción mediante programación de la incrustación mediante player.js podría estar restringida de forma predeterminada.
Puede solucionar el comportamiento agregando allow="autoplay" al elemento iframe que delegará el permiso de reproducción al iframe entre dominios (supone que su sitio tiene permisos de reproducción automática).
Por ejemplo, el código de su iframe se verá como
<iframe src="https://omny.fm/..." allow="autoplay"></iframe>Política de referencia
Si su sitio web incluye una "Política de referencia", específicamente un valor de Referrer-Policy: same-origin, entonces player.js podría no funcionar de inmediato.
De forma predeterminada, por motivos de seguridad, la biblioteca player.js está diseñada para enviar eventos únicamente a la ventana/documento principal especificando la Window.postMessage() targetOrigin parámetro. El targetOrigin se supone que es el document.referrer.
Si la política de referencia same-origin , luego el reproductor de inserción de Omny.fm y player.js no puede determinar automáticamente a qué origen debe enviar mensajes.
Puede solucionar este problema especificando un referrer Parámetro de URL en el omny.fm incruste la URL del iframe del reproductor con el dominio de su sitio web (incluido el protocolo).
Por ejemplo
<iframe src="https://omny.fm/shows/breakfast-with-john/baltic-bumpers/embed?style=cover&referrer=https://example.com" allow="autoplay; clipboard-write" frameborder="0" width="100%" height="180"></iframe>