Chrome-Extensions icon indicating copy to clipboard operation
Chrome-Extensions copied to clipboard

How to record Chrome tab + microphone (video + audio) ?

Open JeetTechie opened this issue 5 years ago • 5 comments

JeetTechie avatar May 12 '19 19:05 JeetTechie

chrome.tabCapture.capture(constraints, function(tabStream) {
    navigator.mediaDevices.getUserMedia({
        audio: true
    }).then(mic) {
        tabStream.addTrack(mic.getTracks()[0]);
        gotTabCaptureStream(tabStream, constraints);
    });
});
  • https://github.com/muaz-khan/Chrome-Extensions/blob/master/screen-recording/background/background.tabCapture.js

You can use MultiStreamsMixer to record tab+camera:

  • https://github.com/muaz-khan/MultiStreamsMixer

MultiStreamsMixer also supports tab+sound+mic+camera.

muaz-khan avatar May 16 '19 04:05 muaz-khan

Hi I am trying to record the tab screen with a microphone from the last 4 days but not successful, can anyone explain me is it possible to work with a microphone in enableTabCaptureAPI.

Anjubatta avatar Aug 02 '20 18:08 Anjubatta

chrome.tabCapture.capture(constraints, function(tabStream) {
    navigator.mediaDevices.getUserMedia({
        audio: true
    }).then(mic) {
        tabStream.addTrack(mic.getTracks()[0]);
        gotTabCaptureStream(tabStream, constraints);
    });
});
  • https://github.com/muaz-khan/Chrome-Extensions/blob/master/screen-recording/background/background.tabCapture.js

You can use MultiStreamsMixer to record tab+camera:

  • https://github.com/muaz-khan/MultiStreamsMixer

MultiStreamsMixer also supports tab+sound+mic+camera.

Do we need to use MultiStreamMixer as well, with above code? I want to record tab + microphone, I have used above code, and it's not working... Can please help?

developerKumar avatar Aug 24 '20 04:08 developerKumar

It is not working

    tabStream.addTrack(mic.getTracks()[0]);

kushagragpta avatar Nov 11 '20 16:11 kushagragpta