Блог

Я создал приложение, использующее React JS в качестве интерфейса, и хочу отправить видео, снятое веб-камерой, на мой сервер flask, который в качестве ответа отправляет обратно аудиофайл. Я новичок в JS и, следовательно, практически не знаю, как это сделать.

  handleDownload = () => {
        const { recordedChunks } = this.state;
        if (recordedChunks.length) {
          const blob = new Blob(recordedChunks, {
            type: "video/webm"
          });
          const url = URL.createObjectURL(blob);
          const a = document.createElement("a");
          document.body.appendChild(a);
          a.style = "display: none";
          a.href = url;
          a.download = "react-webcam-stream-capture.webm";
          a.click();
          window.URL.revokeObjectURL(url);
          this.setState({ recordedChunks: [] });
        }
      }
 

Вот как я загружаю файл blob.

 from flask import Flask
from werkzeug.wrappers import request
import cv2
app = Flask(__name__)
@app.route('/video_record',methods = ['POST'])
def save_video():
    file = request.form['file']
    try:
        read_video_file(file[0])
        return "***Video Read***"
    except:
        title = request.form['title']
        print(title)
        return "Request received and responded"
def read_video_file(video_from_post):
    cap = cv2.VideoCapture(video_from_post)
    if (cap.isOpened()==False):
        return "Error"
@app.route('/',methods=['GET'])

def home():
    return {"msg":"Hello World"}

if __name__ ==' __main__':
    app.run(debug=True,port=8000)