I am currently working on a project where I have a MedaRecroder stream recorded in audio/webm format. The stream is sent to a Node server, and while the file appears in the response under req.files, there seem to be encoding errors when playing it back.
My goal is to write the audio file to the server (preferably in .wav format, but webm will suffice) so that I can access and play the audio later on.
function onRecordingReady(e) {
var audio = document.getElementById('audio');
var tag = document.getElementById('tag').value
audio.src = URL.createObjectURL(e.data);
audio.play();
var formData = new FormData()
formData.append('source', e.data);
formData.append('tag', tag);
$.ajax({
url: 'http://localhost:3300/api/kb8',
type: "POST",
data:formData,
processData: false,
contentType: false,
success: function(data) {
console.log(data);
}
});
When handling the post request on my server, I use the following code:
const express = require('express');
const bodyParser = require('body-parser');
const multer = require('multer');
const fs = require('fs');
const wav = require('wav');
let upload = multer();
const app = express();
const PORT = process.env.PORT || 3300;
app.use( bodyParser.json() ); // to support JSON-encoded bodies
app.use(bodyParser.urlencoded({ // to support URL-encoded bodies
extended: true
}));
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
app.get('/', function(req, res){
res.send('hello world');
});
app.post('/api/kb8', upload.any(), function(req, res) {
let formData = req.body;
let files = req.files;
fs.writeFileSync('audio/audiotest.webm', req.files);
console.log('form data', formData, 'file' , files);
res.sendStatus(200);
});
Here's the console output related to the form data and files:
form data { tag: 'tag', } file { fieldname: 'source',
originalname: 'blob',
encoding: '7bit',
mimetype: 'audio/webm',
buffer: <Buffer 1a 45 df a3 9f 42 86 81 01 42 f7 81 01 42 f2 81 04 42 f3 81 08 42 82 84 77 65 62 6d 42 87 81 04 42 85 81 02 18 53 80 67 01 ff ff ff ff ff ff ff 15 49 ... >,
size: 14322 }