JSからPythonへのオーディオデータの送信

Question

Flaskを使用してJSからPythonに.wavオーディオファイル（BLOB）を送信しようとしています。私は単純にファイルをPythonの最後に保存し、それを自分のコンピュータで再生できるようにしたいだけです。ここに私の試みは、次のとおりです。

JS：ファイルが保存されただけshitloadsが含まれています

@app.route('/messages', methods = ['POST']) 
def api_message(): 
     # Open file and write binary (blob) data 
     f = open('./file.wav', 'wb') 
     f.write(request.data) 
     f.close() 
     return "Binary message written!" 

：PythonのブロブはタイプBlob {size: 5040, type: "audio/wav;"}

である

fetch(serverUrl, { 
    method: "post", 
    body: blob 
}); 

[object BlobEvent]です。私は間違って何をしているのですか？どうすれば修正できますか？

編集： オーディオサンプルがMediaRecorder()

const mediaRecorder = new MediaRecorder(stream); 
// Start 
const chunks = []; 
mediaRecorder.ondataavailable = e => { 
    chunks.push(e); 
} 
// On stop 
blob = new Blob(chunks, {'type': 'audio/wav;'}); 

を使用して収集され、私はクライアント側で再びオーディオを再生しようと、それだけで正常に動作します：

const audio = document.createElement('audio'); 
const audioURL = window.URL.createObjectURL(blob); 
audio.src = audioURL; 

Answer 1

を。
データがe.dataですので、あなたのコードが

mediaRecorder.ondataavailable = e => { 
    chunks.push(e.data); 
} 

Answer 2

は、使用してみましたFormData？ Pythonの終わりには

var form = new FormData(); 
form.append('file', BLOBDATA, FILENAME); 

$.ajax({ 
    type: 'POST', 
    url: 'ServerURL', 
    data: form, // Our pretty new form 
    cache: false, 
    processData: false, // tell jQuery not to process the data 
    contentType: false // tell jQuery not to set contentType 
}).done(function(data) { 
    console.log(data); 
}); 

データの場合は、あなたのような何か実行してそこにチェックすることができ：あなたは、オーディオデータのBlobコンストラクタにイベントオブジェクトの配列をいない渡している

@app.route('/messages', methods=['POST']) 
def api_message(): 
    app.logger.debug(request.files['file'].filename)