如何通过Javascript在PythonAnywhere上的OpenCV中访问网络摄像头?

问题描述 投票:7回答:2

我已经在Django中开发了一个WebApplication,该WebApplication的视图方法包含OpevCV代码,该代码在触发时会打开用户网络摄像头以检测其面部。这个应用程序在我的本地服务器上运行良好,但是当我在PythonAnywhere上托管它时,它说找不到摄像头,因为我的PA托管不提供摄像头。因此有人建议我在与客户端计算机打交道时通过javascript打开网络摄像头,然后将其供稿传递给服务器服务器(即我的托管服务器)。但是由于我是Python的新秀,所以我不知道如何执行上述任务。我找到了这段js代码,但我不知道如何在Django应用程序中以及在哪里添加它。

使用JavaScript获取提要的代码

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

if (navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia({video: true}).then(function(stream) {
      video.srcObject = stream;
  }).catch(function(err0r) {
      console.log("Something went wrong!");
  });
}

我打开相机并检测脸部的Python代码如下(在localserver中有效)

import cv2

cascade = cv2.CascadeClassifier('./haarcascade_frontalface_default.xml')

cam = cv2.VideoCapture(0)


while True:
    ret, frame = cam.read()
    frame = cv2.flip(frame, 1)

    if ret:
        gray = cv2.cvtColor(frame, cv2.COLOR_BGR2GRAY)

        faces = cascade.detectMultiScale(gray, scaleFactor=1.3, minNeighbors=3)

        for (x, y, w, h) in faces:
            cropped = cv2.resize(frame[y:y+h, x:x+w], (198,198))
            cv2.rectangle(frame, (x, y), (x+w, y+h), (255, 0, 0), 2)

        if cv2.waitKey(1) & 0xFF == ord('q'):
            break
            cv2.destroyAllWindows()

        cv2.imshow('Stream', frame)

感谢您的帮助。预先谢谢你

javascript django python-3.x opencv pythonanywhere
2个回答
0
投票

您需要使用javascript获取实时视频流,然后将该流提供给opencv2以使其正常工作。

使用:get live videostream in nodejs

您将获得一个"http://localhost:3000"网址,您可以在python代码中使用以下网址:

import cv2

cascade = cv2.CascadeClassifier('./haarcascade_frontalface_default.xml')

cam = cv2.VideoCapture('http://localhost:3000')


while True:
    ret, frame = cam.read()
    frame = cv2.flip(frame, 1)

    if ret:
        gray = cv2.cvtColor(frame, cv2.COLOR_BGR2GRAY)

        faces = cascade.detectMultiScale(gray, scaleFactor=1.3, minNeighbors=3)

        for (x, y, w, h) in faces:
            cropped = cv2.resize(frame[y:y+h, x:x+w], (198,198))
            cv2.rectangle(frame, (x, y), (x+w, y+h), (255, 0, 0), 2)

        if cv2.waitKey(1) & 0xFF == ord('q'):
            break
            cv2.destroyAllWindows()

        cv2.imshow('Stream', frame)

0
投票

我曾经做过类似的事情,我使用的方案如下:

Data flow

您已经知道,我们需要JavaScript才能从网络摄像头获取用户的图片。我发现an article向我们展示了如何做到这一点,如果要使用Django,则只能使用前端(HTML文件)。这是用于获取图片并将其编码为base64(字符串)并通过websocket发送的代码。

[之后,我们希望Django提供websocket。过去,我是用Flask(而不是Django)来做的,但是您可以看到如何使用django-channel创建websocket服务器。

对于最后一步,您需要一个带有OpenCV代码的函数。您需要decode base64convert it to opencv

def modify_picture(img_data):
    # decode image
    img = from_b64(img_data)

    # your OpenCV filter
    gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)

    # encode image to base64
    return to_b64(gray)

当然,您不需要while Truecv2.imshow,但会返回新图片的base64版本。希望对您有所帮助。

© www.soinside.com 2019 - 2024. All rights reserved.