मैं जेएस से अपने फ्लास्क ऐप में रिकॉर्ड किए गए वीडियो कैसे प्राप्त कर सकता हूं?

मेरे पास एक फ्लास्क ऐप है जिसे वीडियो रिकॉर्ड करना है और उस वीडियो को मेरी पायथन स्क्रिप्ट पर वापस भेजने में सक्षम होना चाहिए ताकि डेटाबेस में डाल दिया जा सके। मैंने इसे एक फॉर्म में डालने की कोशिश की है लेकिन मुझे यकीन नहीं है कि मैं इसे सही तरीके से कर रहा हूं। यहाँ मेरा जे एस है

  audio: false, 
  video:true
}; 

if (navigator.mediaDevices === undefined) {
  navigator.mediaDevices = {};
  navigator.mediaDevices.getUserMedia = function(constraintObj) {
      let getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
      if (!getUserMedia) {
          return Promise.reject(new Error('getUserMedia is not implemented in this browser'));
      }
      return new Promise(function(resolve, reject) {
          getUserMedia.call(navigator, constraintObj, resolve, reject);
      });
  }
}else{
  navigator.mediaDevices.enumerateDevices()
  .then(devices => {
      devices.forEach(device=>{
          console.log(device.kind.toUpperCase(), device.label);
          //, device.deviceId
      })
  })
  .catch(err=>{
      console.log(err.name, err.message);
  })
}

navigator.mediaDevices.getUserMedia(constraintObj)
.then(function(mediaStreamObj) {
  //connect the media stream to the first video element
  let video = document.querySelector('video');
  if ("srcObject" in video) {
      video.srcObject = mediaStreamObj;
  } else {
      //old version
      video.src = window.URL.createObjectURL(mediaStreamObj);
  }
  
  video.onloadedmetadata = function(ev) {
      //show in the video element what is being captured by the webcam
      video.play();
  };
  let start = document.getElementById('startbtn');
  let stop = document.getElementById('btnStop');
  let vidSave = document.getElementById('vid2');
  let mediaRecorder = new MediaRecorder(mediaStreamObj);
  let chunks = [];
  
  start.addEventListener('click', (ev)=>{
      mediaRecorder.start();
      console.log(mediaRecorder.state);
  })
  stop.addEventListener('click', (ev)=>{
      mediaRecorder.stop();
      console.log(mediaRecorder.state);
  });
  mediaRecorder.ondataavailable = function(ev) {
      chunks.push(ev.data);
  }
  mediaRecorder.onstop = (ev)=>{
      let blob = new Blob(chunks, { 'type' : 'video/mp4;' });
      for (chunk in chunks) {
        console.log(chunk);
      }
      chunks = [];
      let videoURL = window.URL.createObjectURL(blob);
      vidSave.src = videoURL;
  }
  $.post('/video',
  {share: videoURL}, function(data) {

  })
})
});

और मेरे कुप्पी ऐप में मेरा मार्ग

@main_bp.route('/video' , methods=['GET', 'POST'])
@login_required
def video():
    form = VideoForm()
    if form.validate_on_submit():
        flash('Video Saved Successfully!')
        vid = request.json['share']
        print(jsonify(vid))
        return redirect('home.html')
    return render_template('video.html', form=form, name=current_user.username)```

मेरे पास एक वीडियोफॉर्म क्लास भी है क्योंकि मैं अपने लॉगिन फॉर्म के लिए इसका इस्तेमाल कर रहा हूं लेकिन मुझे वास्तव में यकीन नहीं है कि वीडियो किस तरह से मेरे पास वापस आ रहा है, जैसे जेसन, इमेज इत्यादि। यहां वीडियोफॉर्म है

class VideoForm(FlaskForm):
    video = FileField('img')
    submit = SubmitField('Save Video')

अगर कोई जानता है कि मुझे सही दिशा में इंगित करने के लिए कोई सुझाव कैसे है या कम से कम यह बहुत अच्छा होगा! धन्यवाद