WebRTC getUserMedia исчезает при загрузке

Question

Я использую webRTC, как это для отображения веб-камеры

streamnavigator.mediaDevices.getUserMedia({

    video: {
        facingMode: "user",
    }

}).then(function (stream) {

    var video = document.getElementById('cam-stream');
    video.srcObject = stream;

}).catch( function (error) {

    console.log("Camera Stream Error : " + error.name + " - " + error.message);

});

Я хочу добавить видео после его загрузки, добавление fadetoggle к элементу видео приводит к его потередо того, как видео начало отображаться.

Есть ли какой-либо вид обратного вызова, который я могу использовать, чтобы добавить изображение только после загрузки потока и отображения?

Answer 1

video.onloadeddata = () => console.log('loaded data');

должен сделать свое дело.См. Документацию MDN .

.