Screen Recorder: recording microphone and the desktop audio at the same time
I've been working on creating a simple screen recording software, and in this post, I share how I finally figured out how to record both microphone and desktop audio simultaneously. Previously, I could only record one or the other. The key is to use the Web Audio API, specifically createMediaStreamSource
and createMediaStreamDestination
, to combine the two audio streams into one. This combined stream can then be fed into the MediaRecorder
API. You can check out the full code on my Glitch project and see a demo, too!