title: How to stream opencv frame with django frame in realtime?
body: <p>I'm trying to use raspberry pi capture the image from USB camera and stream it with Django framework
  I have tried to use StreamingHttpResponse to stream the frame from Opencv2.
  However, it just shows 1 frame and not replacing the image.</p>
  
  <p>How can I replace the image in real time?</p>
  
  <p>Here is my code.</p>
  
  <pre><code>from django.shortcuts import render
  from django.http import HttpResponse,StreamingHttpResponse
  import cv2
  import time
  
  class VideoCamera(object):
      def __init__(self):
          self.video = cv2.VideoCapture(0)
      def __del__(self):
          self.video.release()
  
      def get_frame(self):
          ret,image = self.video.read()
          ret,jpeg = cv2.imencode('.jpg',image)
          return jpeg.tobytes()
  
  def gen(camera):
      while True:
          frame = camera.get_frame()
          yield(frame)
          time.sleep(1)
  
  def index(request):
      # response = HttpResponse(gen(VideoCamera())
      return StreamingHttpResponse(gen(VideoCamera()),content_type="image/jpeg")
  </code></pre>