Acceso directo al elemento de vídeo para un editor o un abonado

Puede desactivar los elementos predeterminados de la interfaz de usuario para un Editor o Abonado y acceder al HTML video directamente. Al publicar o suscribirse a un flujo, establezca el elemento insertDefaultUI propiedad a false al llamar al OT.initPublisher() o Session.subscribe() método. Si establece esta opción en false, el método SDK DE JS no inserta un elemento de interfaz de usuario predeterminado en el DOM HTML, y la función element del objeto Editor o Suscriptor no está definida.

En su lugar, el elemento Publisher envía un videoElementCreated cuando el video (o en Internet Explorer el elemento object que contiene el vídeo). La dirección element propiedad del evento object es una referencia al elemento vídeo (u objeto). Añádelo al DOM HTML para mostrar el vídeo.

El siguiente código inicializa un editor e inserta su video en el DOM de HTML:

var publisher = OT.initPublisher({insertDefaultUI: false});
publisher.on('videoElementCreated', function(event) {
  document.getElementById('publisher-video-parent-id').appendChild(event.element);
});

El siguiente código se suscribe a un flujo e inserta su video en el DOM de HTML:

var subscriber = session.subscribe(stream, {insertDefaultUI: false});
subscriber.on('videoElementCreated', function(event) {
  document.getElementById('subscriber-video-parent-id').appendChild(event.element);
});

Si ajusta el insertDefaultUI propiedad a falseno ponga el targetElement al llamar a OT.initPublisher() o Session.subscribe(). (Se produce un error).

El elemento de interfaz de usuario por defecto contiene controles de interfaz de usuario, un indicador de carga de vídeo y recorte automático de vídeo o letter-boxing, además del vídeo. Si deja insertDefaultUI ajustado a true (el valor predeterminado), puede controlar la configuración individual de la interfaz de usuario mediante la opción fitMode, showControlsy style opciones. Consulte los demás temas de esta página.