Как отобразить несколько динамических c удаленных пользовательских экранов в angular 7 html с помощью webRTC - PullRequest
Новая
       15

Как отобразить несколько динамических c удаленных пользовательских экранов в angular 7 html с помощью webRTC

0 голосов
/ 10 января 2020

Я делаю видеоконференцию с использованием WebRT C. Я хочу динамически отображать входящие видеопотоки в HTML. Для этого я использую класс Renderer2 Angular 7 для динамического создания элемента.

Мой код:

videoCall. html

   <video #remoteVideo > <video>

videoCall .ts 

   @ViewChild('remoteVideo', { static: false }) remoteVideo: ElementRef;

   constructor(private renderer: Renderer2) {
   }

   this.peerConnection.ontrack = (trackEvent)=>{ 

        var sourceTag = document.createElement('source');
        sourceTag.setAttribute(remoteVideo.nativeElement,'src', trackEvent.streams[0]);
        sourceTag.setAttribute(remoteVideo.nativeElement,'type', 'video/mp4');

        this.renderer.appendChild(remoteVideo.nativeElement, sourceTag);

   }

Проблема в том, что видео не отображается. Скажите, пожалуйста, это правильный способ или есть другой способ динамического отображения видеопотоков?

...