javascript - WebRTC getUserMedia 加载时淡入

标签 javascript html css webrtc

我正在像这样使用 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 使其淡入。

是否可以使用任何类型的回调来仅在流加载并显示后才淡入?

最佳答案

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

应该可以解决问题。查看MDN documentation .

关于javascript - WebRTC getUserMedia 加载时淡入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54909062/

相关文章:

Html <td> 宽度问题。和colspan有关系吗?如何?

html - 如何避免css文件中的ID名称

javascript - 嵌套 if 语句的正确编写方法?

javascript - 每天午夜运行一个函数

html - CSS 高度属性表现得很奇怪

jquery - 具有响应图像的全屏 flexislider

css - 在 IE 的 extjs4 问题中风格化 css 按钮

jsf/icefaces 中的 javascript

javascript - 在 jQuery 中创建一个可拖动的处理程序栏,它会更新值

javascript - 有没有办法阻止滑动事件从子级传播到父级?