0

我正在尝试做的事情：

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

背景：

我正在使用带有 flask_socketio 的烧瓶网络服务器。我在 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, 0, 0, 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 需要很长时间才能解决？我该如何解决？

4

0 回答 0