You have to create a small web-app using which user can record audio in the browser, audio visualisation is visible to user in real-time, and data can be sent to the backend.
Demo link: https://recorder-component.netlify.app/
This is a good question for machine coding round interview. It judges how you tackle you new use-cases, attention to detail, understanding of css, and much more. The different learnings from this question wuld be --
- How voice is recorded in the browser.
- Sin-waves implementation with a color gradient (the hard part).
- Play/Pause button.
- Send recording to the backend.
Additional Challenge: Make it scaleable by changing one unit of size.
Checkout original post here.