Как получить данные с веб-камеры со стороны клиента и отправить их на сервер django для хранения и распознавания лиц?

Я хочу создать приложение, в котором я смогу хранить изображения, а затем определять лица. Я использую Django. Теперь я не знаю, как отправить данные с веб-камеры на сервер Django для дальнейшей обработки с помощью OpenCV. Буду признателен, если кто-нибудь сможет написать, как действовать при нажатии на кнопку attain img.

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible">
    {% load static %}
    <link rel="stylesheet" href={% static 'camera.css' %}>
    <title>Capture</title>
</head>
<body>
    <div class="cameraElement">
        <video id="webcam"  width="1200" height="600" autoplay></video>
    </div>
    <div class="buttonElement-train">
        <button type="submit" class="btn-hover color-1" id="train">Train Images &#x2192</button>
    </div>
    <div class="buttonElement-back">
        <button type="submit" class="btn-hover color-2" id ="back" onclick="window.location.href = '{% url 'reg' %}' ">&#x2190 Back</button>
    </div>

Часть сценария:-

  <script>
        let video=document.querySelector("#webcam");

        if (navigator.mediaDevices.getDisplayMedia)
        {
            navigator.mediaDevices.getUserMedia({ video:true})
            .then(function (stream) {
                video.srcObject = stream;
            })
            .catch(function (error)
            {
                console.log("ERROR")
            })
        }

    </script>

просмотров часть:-

def train_img(request):
    return render(request, "camera.html")
Вернуться на верх