Demo here : https://soundmemos.com/
There are a lot of recording websites. Some are very simple, only have record function => and download after done. If you are recording and you got an incorrect pronunciation. => R.I.P. you have to record again.

Some are very complex, the user needs to record first, then download => upload to edit.
I just want a website where people can record and edit right where they have incorrect pronunciation.
So that why this project was born.

• I handle the sounds and store it on browser - don't use server.
• I customized the library wavesurfer.js to handle stream data, and draw the sound wave by my way :D. Wavesuffer is not offical support this feature. So if you want to do something like this, you can refer my code.
• I refer the code of recorder.js to handle array buffer and conver array buffer to blob.
  Special thanks Matt Diamond

npm install

npx quasar dev

or

quasar dev

npm run lint

quasar build

See Configuring quasar.conf.js.