如何從瀏覽器錄制音頻並上傳到 django 服務器？

Question

我必須從瀏覽器錄制音頻並將其上傳到 django 服務器，有人可以幫我嗎？

我的 django 視圖：

@api_view(['POST'])
def audio_analysis(request):
    audio_data = request.FILES['audio']

    # view content

    return render(request, 'homepage.html')

Answer 1

您可以通過此 javascript 代碼從瀏覽器上傳錄制的音頻

navigator.mediaDevices.getUserMedia({ audio: true})
.then(stream => {
const mediaRecorder = new MediaRecorder(stream);
mediaRecorder.start();
const audioChunks = [];

mediaRecorder.addEventListener("dataavailable", event => {
  audioChunks.push(event.data);
});

mediaRecorder.onstop = function(){
    const file = new File(audioChunks,'filename.mp3');
    const form = new FormData();
    form.append("file", file);
    fetch('your url',{
        method:"POST",
        body:form
    })
}
setTimeout(function(){
    mediaRecorder.stop();
},3000)});