どのようにJavascriptを通じPythonAnywhereにOpenCVの中のアクセスウェブカメラに？

Aayushグプタ：

私は、トリガされたときは、その顔を検出するためのユーザー・ウェブカメラを開くことOpevCVコードを含むビューメソッドを持っているジャンゴでのWebApplicationを開発しました。このアプリは、私のLocalServerで罰金に動作しますが、私はPythonAnywhere上でホストされているとき、それは私のPAホスティングdoesntのは、カメラに仕えるように、カメラが見つからないと言います。
だから、誰かがそれがクライアントマシンを扱うようジャバスクリプトを通じてウェブカメラを開き、私のホストするサーバー・マシンにそのフィードを渡すために私を示唆しました。
私はPythonで新人だとしてしかし、私は上記のタスクを実行する方法を理解することはできませんよ。私は、JSコードのこの部分を見つけたが、私は私のジャンゴアプリケーションでこれを追加する方法と場所を知りません。

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が必要です。私が見つかりました。記事あなたがジャンゴを使用したい場合は、私たちはそれを行う方法を示していますが、あなただけのフロントエンド側（HTMLファイル）を使用することができることを。コードは、base64に（文字列）を写真やエンコード、それを取得し、WebSocketを介して、それを送るためのものであること。

その後、私たちは、DjangoはのWebSocketを提供したいです。過去には、私はフラスコではなく、ジャンゴでそれをやっていますが、使用してのWebSocketサーバーを作成することができますどのように見ることができますジャンゴチャンネルを。

最後のステップでは、あなたのOpenCVのコードと機能を必要としています。あなたはする必要がBASE64をデコードし、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 Trueとcv2.imshow、しかし、あなたの新しい画像のbase64でバージョンを返します。それが役に立てば幸い。

どのようにJavascriptを通じPythonAnywhereにOpenCVの中のアクセスウェブカメラに？

おすすめ