webrtc 全屏截图

原文链接: webrtc 全屏截图

上一篇: webgl 学习小结 彩色小立方体

下一篇: webgl 贝塞尔多彩线

通过共享屏幕, 将屏幕输出到video中, 然后在canvas中绘制video, 进行截图

优点: 方便, 对于全屏截图来说十分精确.

缺点: 需要授权, 且不能截取元素, 长图拼接需要自己手动实现

<template>
  <div class="flex-row">
    <div>web-rtc</div>
    <video id="video" src=""></video>
    <el-button @click="capture">capture</el-button>
    <el-button @click="stop">stop</el-button>
    <