Direkter Zugriff auf das Videoelement für einen Publisher oder Subscriber

Sie können die Standard-Benutzeroberflächenelemente für einen Publisher oder Subscriber deaktivieren und auf die HTML video Element direkt. Beim Veröffentlichen oder Abonnieren eines Streams setzen Sie das insertDefaultUI Eigenschaft zu false beim Aufruf der OT.initPublisher() oder Session.subscribe() Methode. Wenn Sie diese Option auf false setzen, wird die JS SDK fügt kein Standard-UI-Element in das HTML-DOM ein, und die element Eigenschaft des Publisher- oder Subscriber-Objekts ist undefiniert.

Stattdessen sendet das Publisher-Element eine videoElementCreated Ereignis, wenn die video Element (oder im Internet Explorer das object Element, das das Video enthält) wird erstellt. Die Website element Eigenschaft des Ereignisses object ist ein Verweis auf das Video- (oder Objekt-) Element. Fügen Sie es dem HTML-DOM hinzu, um das Video anzuzeigen.

Der folgende Code initialisiert einen Publisher und fügt dessen video Element in das HTML-DOM:

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

Der folgende Code abonniert einen Stream und fügt dessen video Element in das HTML-DOM:

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

Wenn Sie die Einstellung insertDefaultUI Eigenschaft zu falsesetzen Sie nicht die targetElement Parameter beim Aufruf von OT.initPublisher() oder Session.subscribe(). (Dies führt zu einem Fehler.)

Das Standard-Benutzeroberflächenelement enthält neben dem Video auch Steuerelemente für die Benutzeroberfläche, eine Anzeige für das Laden des Videos und einen automatischen Videozuschnitt oder Letterboxing. Wenn Sie die insertDefaultUI eingestellt auf true (Standardeinstellung), können Sie einzelne Einstellungen der Benutzeroberfläche mit der Option fitMode, showControlsund style Optionen. Siehe die anderen Themen auf dieser Seite.