Как динамически отображать несколько видеопотоков в angular 7 - PullRequest
Новая
       99

Как динамически отображать несколько видеопотоков в angular 7

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

Я делаю видеоконференцию, используя WebRTC. Я хочу динамически отображать входящие видеопотоки в 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);

       }

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

...