Revisé muchas respuestas que ya se han dado pero que no entendí.
Tarea: debo obtener el audio del usuario, que debe durar menos de un minuto, y luego guardarlo en el backend y enviarlo a la API de reconocimiento de voz de Google para obtener el texto.
Intenté grabar en el navegador usando la API de MediaRecorder usando esta demostración aquí https://mido22.github.io/MediaRecorder-sample/ .
Quiero que el audio grabado se guarde en mi backend de Django para que podamos realizar un procesamiento posterior en él.
EDIT1: código de Github para la API de la grabadora de medios
POST el Blob resultante en la función makeLink al servidor como propiedad de un objeto FormData
function makeLink() { let blob = new Blob(chunks, {type: media.type }); let fd = new FormData; fd.append("audioRecording", blob); let request = new XMLHttpRequest(); request.open("POST", "/path/to/server", true); request.onload = function() { // do stuff } request.onerror = function() { // handle error } request.send(fd); } function makeLink() { let blob = new Blob(chunks, {type: media.type }); let fd = new FormData; fd.append("audioRecording", blob); fetch("/path/to/server", {method:"POST", body:fd}) .then(response => response.ok) .then(res => console.log(res)) .catch(err => console.error(err)); }He creado un proyecto simple aquí: https://github.com/Keramatfar/django_sound_file
Para el backend, uso la siguiente función:
def main(request): if request.method == "POST": audio_data = request.FILES.get('data') path = default_storage.save('file' + '.wav', ContentFile(audio_data.read())) return render(request, 'web-recorder.html') else: return render(request, 'web-recorder.html')