如何在HTML和Javascript的帮助下，在浏览器中使用python (Django)访问我的摄像头？

<video id="videoElement" autoplay></video>

var video = document.getElementById('videoElement');

navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    video.srcObject = stream;
    video.play();
  })
  .catch(function(error) {
    console.log('Error accessing camera: ', error);
  });

import cv2

def camera_view(request):
    # 获取POST请求中的视频流数据
    video_data = request.body

    # 将视频流数据转换为图像
    nparr = np.frombuffer(video_data, np.uint8)
    img = cv2.imdecode(nparr, cv2.IMREAD_COLOR)

    # 在这里可以对图像进行处理，如人脸识别、图像分析等

    # 返回处理后的结果
    return HttpResponse('Success')

from django.urls import path
from .views import camera_view

urlpatterns = [
    path('camera/', camera_view, name='camera'),
]

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('videoElement');

function captureFrame() {
  context.drawImage(video, 0, 0, canvas.width, canvas.height);
  var imageData = canvas.toDataURL('image/jpeg');

  // 发送图像数据给Django服务器
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/camera/', true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send('image=' + encodeURIComponent(imageData));
}

// 每隔一段时间捕获一帧图像
setInterval(captureFrame, 1000);