Is there a way to feed a microphone recording from MediaRecorder API to howler.js?

I’m currently trying to create audio clip blocks using howler.js, In order to create a sort of collaborative Garageband using HTML & JS.

My issue is that I’m trying to feed the audio from my microphone – MediaRecorder API to howler.js Sprite object. By passing in the blob to the source. In theory this should work. However, this is not the case.

I’m suspecting that the type of the Blobl is actually a video/webm instead of an audio/webm and that the howler.js Sprite can’t process the type.

There are no errors, just a lack of sound. The Sprite can process mp3s and webms in the directory, but cannot process the webm recorded by MediaRecorder, either as a blob or downloaded.

const blob = new Blob(chunks, {type: "audio/webm"});
chunks = [];
console.log("recorder stopped");
const audioURL = window.URL.createObjectURL(blob);

const audioSprite = new Sprite({
                width: [1500, 200],
                left: [20, 2000],
                src: [audioURL],
                html5: true,
                sprite: {
                    beat: [10000, 11163]
                },
                spriteMap: {
                    sprite1: 'beat',
                },
                format: ['webm', 'mp3'] // Specify the format of the blob
            });

If anyone has any suggestions as to how to get around this, I looked into using ffmpeg but unsure how to go about it. Any suggestions on an alternative for MediaRecorder or something to convert the file types that would be great.