桌面到服务器的快速截图 我想做什么：背景：我尝试过的：问题：

如何解决桌面到服务器的快速截图 我想做什么：背景：我尝试过的：问题：

我想做什么：

我正在尝试捕获客户端（浏览器）屏幕或选项卡，并尽快将其发送到服务器，直到客户端断开连接或离开/终止。服务器将需要一些时间（

背景：

我正在使用带有flask_socketio 的flask 网络服务器。我在 javascript 中使用异步方法，因为我必须循环获取屏幕截图

我尝试过的：

客户：

$('#btnscreenselect').click(async function(){
    const useFrameRate = 20;
    navigator.mediaDevices.getdisplayMedia({
    audio: false}).then((r) => {
            console.log(r);
            v.srcObject = r;
        }).catch((e) => {
            console.log("this must be run in a secure context. Stack snippets (rightfully) refuse to run this.");
    });
    let scale = 1;
    const canvas = document.createElement("canvas");
    canvas.width = v.clientWidth * scale;
    canvas.height = v.clientHeight * scale;

    const socket = io("ws://127.0.0.1:5000",{ transports: ["websocket"] });
    socket.on("connect",() => {
        console.log('Successfully connected!')
    });
     const send = () => {
         canvas.getContext('2d').drawImage(v,canvas.width,canvas.height);
         canvas.toBlob(blob => socket.emit('img',blob));
     }
     const sendloop = setInterval(send,1000/useFrameRate);
});

服务器：

@socketio.on('img')
def handle_msg(msg):
    print('some text')

这确实会打印结果，但真的很慢。有时它会非常快地打印一堆，然后每秒打印一个。即使我要删除过程图像并说打印出一些文本，它仍然需要一些时间。我不完全确定为什么会发生这种情况。

chrome 中的网络截图：

我们可以看到它用了 51 秒。

问题：

为什么会这样？是不是 blob 需要很长时间才能解决？ 我该如何解决？