Acesso direto ao elemento de vídeo para um editor ou assinante

É possível desativar os elementos padrão da interface do usuário para um Editor ou Assinante e acessar o HTML video elemento diretamente. Ao publicar ou assinar um fluxo, defina o insertDefaultUI propriedade para false ao chamar o OT.initPublisher() ou Session.subscribe() método. Se você definir essa opção como false, o SDK do JS não insere um elemento padrão da interface do usuário no DOM HTML, e o element A propriedade do objeto Publisher ou Subscriber está indefinida.

Em vez disso, o elemento Publisher dispara um videoElementCreated evento em que o video elemento (ou, no Internet Explorer, o object elemento que contém o vídeo) é criado. O element propriedade do evento object é uma referência ao elemento “video” (ou “object”). Adicione-o ao DOM HTML para exibir o vídeo.

O código a seguir inicializa um publisher e insere seu video elemento no DOM HTML:

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

O código a seguir assina um fluxo e insere seu video elemento no DOM HTML:

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

Se você definir o insertDefaultUI propriedade para false, não defina o targetElement parâmetro ao chamar OT.initPublisher() ou Session.subscribe(). (Isso gera um erro.)

O elemento padrão da interface do usuário contém controles da interface, um indicador de carregamento de vídeo e o recorte automático do vídeo ou a exibição em formato letterbox, além do próprio vídeo. Se você deixar insertDefaultUI definir como true (padrão), você pode controlar as configurações individuais da interface do usuário usando o fitMode, showControls, e style opções. Consulte os outros tópicos desta página.