美文网首页
web RTC卡顿

web RTC卡顿

作者: 码代码的小公举 | 来源:发表于2022-04-21 15:26 被阅读0次

    RTCPeerConnection - Web API 接口参考 | MDN (mozilla.org)

    RTC 绑定到video上画面卡顿

    可以经过画布绘制,video标签创建后不要add到body里,如果窗口上存在绘制目标video,画布会一起卡顿
    不是绘制目标的video不影响
    function render() {
    const canvas = document.getElementById('can');
    window.requestAnimationFrame(render);
    const ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0, canvas.width, canvas.height)
    ctx.drawImage(video, 0, 0, canvas.width, canvas.height) //绘制视频
    }
    就不会卡顿了,但是清晰度有所下降。

    相关文章

      网友评论

          本文标题:web RTC卡顿

          本文链接:https://www.haomeiwen.com/subject/wkytsrtx.html