addpipe / simple-vmsg-demo

A plain HTML/JS demo that uses vmsg (a modern WebAssembly version of LAME) to record and encode mp3 audio in the browser

Plain HTML/JS audio recording demo using vmsg

A simple HTML5/JS demo that uses vmsg to record mp3 audio in the browser. Works on both mobile - including Safari 11 - and desktop.

As opposed to earlier JavaScript mp3 encoding solutions, vmsg uses a faster WebAssembly version of the latest LAME mp3 encoder (3.100 from october 2017).

All the vmsg demos are React based so I thought I'd do a plain HTML/JS one. I've taken great care to make the demo as easy to use on mobile and desktop.

Live demo: https://addpipe.com/simple-vmsg-demo/

Blog post: https://blog.addpipe.com/recording-mp3-audio-in-html5-using-vmsg-a-webassembly-library-based-on-lame/

simple-vmsg-demo's Issues

Not working anymore

Stopped to work, probably after browser update

ScriptProcessorNode is deprecated

Hi.

Just in case you want to update.

Chrome console is saying:

[Deprecation] The ScriptProcessorNode is deprecated. Use AudioWorkletNode instead. (https://bit.ly/audio-worklet)
(anonymous) @ vmsg.js:213

Congratulations... Great Script!

Is there a way to save the blob data to a local server?

./recordings/audio_1.mp3

Thanks?

TypeError: Unexpected response MIME type

I get the following error (on iOS devices):
TypeError: Unexpected response MIME type. Expected 'application/wasm'

I don't understand what is causing the error. Is there a workaround?

Galaxy S8 Support?

This is a great little plugin!

I am just wondering if there may be any recommendation for getting it to work with a Galaxy S8 phone (haven't tried it with more recent models). Works great on iPhone and desktop.

Using it just to encode AudioBuffer (or Float32Array) to blob?

Could we use this library just for converting Audio API buffers to mp3? If so, maybe there is a good example? Thank you!

Error: getUserMedia is not implemented in this browser

Awesome plugin!

Works great on Desktop everywhere. However it appears that there's an issue with "getUserMedia" not being supported on mobile (iOS) Chrome and FireFox.

Any possibility you'd be willing to fix that?

Resample/Downsample audio

Is it possible to resample/downsample the audio and produce e.g. a 16bit/16000hz output mp3? I'm aware lame has a --resample option:
--resample <sfreq> sampling frequency of output file(kHz)- default=automatic