WebRTC demos

Write Comment

Comments

Views

242

从canvas获取流

// 获取屏幕捕捉流
let screenStream = await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
 
// 创建画布
const ctx = canvas.getContext('2d');
 
// 滚动渲染视频
let timer = null;
function videoDrawInCanvas(){
timer = setTimeout(async () => {
videoDrawInCanvas( ctx, source, canvas, videoX, videoY, videoWidth, videoHeight);
}, 60);
}
 
// 获取重新绘制的画布流
const canvasMedidaStream = canvas.captureStream(25);

THE END

Guess you like

Recommended articles

提问的智慧：X-Y PROBLEM

X-Y Problem是指人们在解决问题时，错误地将注意力集中在自认为正确的解决方案Y上，而忽略了真正的需求X，导致时间和精力的浪费。要避免此问题，应明确自己的真实需求，并充分沟通，以便获得更合适的解决方案。这种现象在生活中有多种变种，常见于技术、产品、职业发展等领域，其实质是忽略了问题的本质，盲目追求表面方案。