[Python][Django] StreamingHttpResponseでカメラストリーミング

{% extends "_base.html" %}
{% load static %}

{% block extra_css %}
{% endblock %}
{% block page_title %}Top page{% endblock %}
{% block page_head_title %}Top page{% endblock %}


{% block content %}
<div>
    <div id="image_area">
        <img src="/video_feed" width="810" height="540"/>
    </div>
</div>
<script>


</script>

{% endblock %}

from django.conf.urls.static import static
from django.contrib import admin
from django.urls import path, include
from django.conf import settings

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('<startappで指定した名前>.urls'))
]

from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.conf.urls.static import static
from django.urls import path

from config import settings
from . import views

urlpatterns = [
    path('index', views.IndexView.as_view()),
    path('video_feed', views.video_feed_view(), name="video_feed"),
]
urlpatterns += staticfiles_urlpatterns()

import cv2
from django.http import StreamingHttpResponse
from django.shortcuts import render
from django.views import View


# ストリーミング画像・映像を表示するview
class IndexView(View):
    def get(self, request):
        return render(request, 'index.html', {})

# ストリーミング画像を定期的に返却するview
def video_feed_view():
    return lambda _: StreamingHttpResponse(generate_frame(), content_type='multipart/x-mixed-replace; boundary=frame')

# フレーム生成・返却する処理
def generate_frame():
    capture = cv2.VideoCapture(0)  # USBカメラから

    while True:
        if not capture.isOpened():
            print("Capture is not opened.")
            break
        # カメラからフレーム画像を取得
        ret, frame = capture.read()
        if not ret:
            print("Failed to read frame.")
            break
        # フレーム画像バイナリに変換
        ret, jpeg = cv2.imencode('.jpg', frame)
        byte_frame = jpeg.tobytes()
        # フレーム画像のバイナリデータをユーザーに送付する
        yield (b'--frame\r\n'
               b'Content-Type: image/jpeg\r\n\r\n' + byte_frame + b'\r\n\r\n')
    capture.release()