Свойство 'scr' не существует для типа 'Элемент' в mediaStream и Angular 4

Question

Я использую getUserMedia для отображения прямой трансляции с веб-камеры.

Мой app.component.html равен

// to show webcam video
<video id="vid1" autoplay></video>

// to show recieved stream from other user.
<video id="vid2" autoplay></video>

и app.component.ts

navigatorr.getUserMedia(constraints, function (stream) {
    const video = document.querySelector('#vid1');

    // inserting our stream to the video tag
    video.src = window.URL.createObjectURL(stream);

 }

Выдает ошибку, что

Свойство 'src' не существует для типа 'Элемент'.

Но если я использую

const video = document.querySelector('video');

Работает, но тогда как я покажу видео полученного потока.

Как решить эту проблему, пожалуйста, кто-нибудь, помогите мне.

Answer 1

Вам необходимо привести элемент к HTMLVideoElement: Попробуйте это:

navigatorr.getUserMedia(constraints, function (stream) {
    const video = <HTMLVideoElement>(document.querySelector('#vid1'));

    // inserting our stream to the video tag
    video.src = window.URL.createObjectURL(stream);

 }

Answer 2

Попробуйте это

document.getElementById("vid1").src= window.URL.createObjectURL(stream);