web RTC卡顿

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卡顿)