Microphone audio doesn't record along with screencast

[soumik-mukherjee]

No description provided.

[soumik-mukherjee]

Right now the code to start recording is dealing with a single MediaStream object, i.e. the user's screen (returned by the call to navigator.mediaDevices.getDisplayMedia() ). This stream does not include a track aith the microphone's audio.

[soumik-mukherjee]

Right now the code to start recording is dealing with a single MediaStream object, i.e. the user's screen (returned by the call to navigator.mediaDevices.getDisplayMedia() ). This stream does not include a track aith the microphone's audio.

The microphone (and other system media devices, e.g. camera) stream is available from the same MediaDevice API but through a different method invocation, i.e. MediaDevice.getUserMedia().

So we need a way to combine/mix the two streams together, before MediaRecorder starts recording.

[soumik-mukherjee]

UX will change:

1. Need a new RecorderControl to allow user to select sources. This should be a multi-select, with options like,

   • Screen

   • Audio (with available audio input devices listed, only one can be selected)

   • Camera is an ideal candidate but will keep this out of scope for now.

2. Currently, the RecorderControls component has a Start Capture button, which does both things at the same time

   • Selects the source, i.e. screen media as of now

   • Starts recording the source

3. The Start Capture button should only start recording, all the user selected streams

4. The new Select Sources button should be the one to define sources, i.e. take this functionality out of the button state handler

[soumik-mukherjee]

Deciding to do the UX change as a separate issue, and with its own PR. UX PR has higher priority to merge to master