如何从浏览器捕获摄像头馈送并发送到烧瓶服务器答案

【问题标题】：How can I capture camera feeds from browser and send to flask server如何从浏览器捕获摄像头馈送并发送到烧瓶服务器
【发布时间】：2020-09-02 08:50:09
【问题描述】：

如何从浏览器捕获相机馈送并发送到烧瓶服务器应用程序并在用户单击停止时停止捕获？

提要将由服务器处理，但我想要将相机提要发送到我的烧瓶应用程序，其余的我可以实现。

<div id="container">
    <video autoplay="true" id="videoElement">

    </video>
</div>
<script type="text/javascript" charset="utf-8">

var video = document.querySelector("#videoElement");




if (navigator.mediaDevices.getUserMedia) {
  navigator.mediaDevices.getUserMedia({ video: true })
    .then(function (stream) {

      /bI want to send these frame to server

      //video_t.srcObject = stream

      
    });
}

// returns a frame encoded in base64
const getFrame = () => {
    const canvas = document.createElement('canvas');
    canvas.width = video_t.videoWidth;
    canvas.height = video_t.videoHeight;
    canvas.getContext('2d').drawImage(video_t, 0, 0);
    const data = canvas.toDataURL('image/png');
    return data;
}




</script>

【问题讨论】：

标签： flask browser server camera

【解决方案1】：

我找到了一种方法来实现我正在寻找的东西，这里有类似的东西

How to stream live video frames from client to flask server and back to the client?

【讨论】：