muaz-khan / chrome-extensions Goto Github PK

Sir I am using MediaRecorder api for recording the screen with audio, using your extension code for recording and the video is generated properly but I can't forward/backward this video or start from any point for first time , when it play first time after that it works fine. I am using this code at stop recording

`function stopScreenRecording(blob) {
isRecording = false;
var blob = new Blob(chunks, {type: "video/mp4"});
chunks = [];

var mimeType = 'video/webm';
var fileExtension = 'webm';

var file = new File([blob ? blob : ''], getFileName(fileExtension), {
    type: mimeType
});

DiskStorage.Store({
    key: 'latest-file',
    value: file
}, function (success) {
    if (success) {
        chrome.browserAction.setPopup({
            popup: "popup.html"
        });
        chrome.tabs.create({
            url: 'preview.html'
        });
    }
});

// invokeSaveAsDialog(file, file.name);

setTimeout(function() {
    setDefaults();
    // chrome.runtime.reload();
}, 1000);

try {
    videoPlayers.forEach(function(player) {
        player.src = null;
    });
    videoPlayers = [];
} catch (e) {}

// for dropdown.js
chrome.storage.sync.set({
    isRecording: 'false' // FALSE
});

if (timer) {
    clearTimeout(timer);
}
setBadgeText('');

}
`
and this is for start recording

`function gotStream(stream) {

if (cameraStream && cameraStream.getAudioTracks().length) {
    cameraStream.getAudioTracks().forEach(function(track) {
        // cameraStream.removeTrack(track);
        stream.addTrack(track);
    });
}

if (typeof MediaRecorder.isTypeSupported == 'function'){
    /*
     MediaRecorder.isTypeSupported is a function announced in https://developers.google.com/web/updates/2016/01/mediarecorder and later introduced in the MediaRecorder API spec http://www.w3.org/TR/mediastream-recording/
     */
    if (MediaRecorder.isTypeSupported('video/mp4;codecs=h264')) {
        var options = {type:'video',mimeType: 'video/mp4;codecs=h264'};
    } else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp9')) {
        var options = {type:'video',timeSlice: 1000,mimeType: 'video/webm;codecs=vp9'};
    } else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) {
        var options = {mimeType: 'video/webm;codecs=vp8'};
    }
    console.log('Using '+options.mimeType);
    recorder = new RecordRTC(stream, options);
}else{
    console.log('Using default codecs for browser');
    recorder = new MediaRecorder(stream);
}

recorder.streams = [stream];
recorder.startRecording();

recorder.ondataavailable = function(e) {
    chunks.push(e.data);
};

recorder.onerror = function(e){
    console.log('Error: ', e);
};

recorder.onstart = function(){
    isRecording = true;
    onRecording();
    console.log('Started & state = ' + recorder.state);
};

recorder.onpause = function(){
    console.log('Paused & state = ' + recorder.state);
}

recorder.onresume = function(){
    console.log('Resumed  & state = ' + recorder.state);
}

recorder.onwarning = function(e){
    console.log('Warning: ' + e);
};

recorder.onstop = function(){
    stopScreenRecording();
}

stream.onended = function() {
    if (stream) {
        stream.onended = null;
    }
    recorder.stop();
};

if(stream.getVideoTracks().length) {
    stream.getVideoTracks().forEach(function(track){
        track.onended = function() {
            if(!recorder) return;
            if(!stream || typeof stream.onended !== 'function') return;
            stream.onended();
        };
    });
}

}`

Sir please provide some solution thank you @muaz-khan

for using YouTube upload feature what changes i need to make , I have changed client_id but it is not working , getAuthToken generates error

Clicking on this extension is doing nothing. I'm using Chrome version 50.0.2661.102 on Windows 10.

Reference:

• https://chrome.google.com/webstore/detail/recordrtc/ndcljioonkecdnaaihodjgiliohngojp

This is so strange... this was working perfectly for me on two computers, until 2 days ago. The only thing I changed was I am now signed into Chrome from a different computer (on linux)

https://chrome.google.com/webstore/detail/webrtc-desktop-sharing/nkemblooioekjnpfekmjhpgkackcajhg using this

On either computer of mine, the extension appears to create the room OK, but then hangs forever with this message: Screen share session is closed or paused. You will join automatically when share session is resumed.

If I open Chrome Devtools, I get this series of errors:
(these appear to be the same errors that you get entering an invalid room as well)

Hi Muaz,

I really liked your contribution in webRTC.
It helped me a lot.

I need your help in short part of it.

There are two options to share the screen:

1. Entire Window
2. Application Window

Is there any way to change the sequence of the tab or is there any way to change the active tab?

On the desktop sharing extension, no matter what combination of options I try, when sharing a screen running a power point presentation the top and bottom of the presentation is clipped. Please recommend the settings needed to overcome this.

ipad refuses to show the content of the shared screen. All android phones and tablets work fine.
upgraded ipad to ios 10, same issue.
Safari, Chrome are not working only showing a blue line. However when viewing the same content on android, the webrtx show "2 users are viewing your screen!". But ipad is viewing a blue line only.

How can I fix this?

https://www.youtube.com/watch?v=nBUuMKtEeyU

As refered from this video, screen capturing doesnt worked for me, when installed from https://github.com/muaz-khan/Chrome-Extensions/tree/master/desktopCapture. But the chrome webstore extension was working perfectly.

i manually installed the extension using developer mode in chrome and used it. and even if i change the extension id it is still poiting to chrome-extension://ajhifddimkapgcifgcodmmfdlknahffk/icon.png which is the default id, is this is what causing the issue ?.

This is the error am getting on the console
Failed to load resource: net::ERR_FAILED chrome-extension://ajhifddimkapgcifgcodmmfdlknahffk/icon.png
Screen-Sharing.html:148 Uncaught not-installed

and i tried this URL https://localhost:9001/demos/Screen-Sharing.html
Please help!

Hai there im having an issue with the screen share extension WebRTC. I will click share my screen in any tab or window and it always says room has closed after a minute of screen sharing. Or it will say room does not exist after ive been sharing for a minute or less. Please help fix this

Is this possible? I'm using this extension with getScreenId javascript library in order to get the stream/id from it, and the idea is to close the stream from code (aka stop sharing button).

However, if the user uses the stop sharing from the extension, there's no callback to detect the stream died, isnt it? Some help can be appreciated.

I am using this extension to record the calls coming from our own enhanced AppRTC native mobile app. I can see the actual video feed in the chrome browser pop up, however It only records the 16x9 middle section. About 2/3 of the video data that we are transmitting is not visible. Can you please suggest what could be the issue and if there is any solution with this extension?

eg: If Image-1 is the actual image, I only see Image as in Image-2.
IMAGE-1

Image-2

Sir @muaz-khan with this extension we get the currently recorded video, kindly please tell me that can I get the all previous recorded video from this extension. If yes then please give some solution thank you .

For chrome extension "RecordRTC" (Screen recording), Popup shows "Authorization page could not be loaded" when clicked on button "Upload to YouTube" after video is recorded on preview screen.
Chrome version 67.0.3396.99

Case : I am using your demo "getSecreenID". It's a working fine. But, when Iframe(various desktop screen options) is open and from that time RAM is started to eat by browser/chrome. If I select any screen and video is started and on that time memory is clean and working as normally. Same things happed when I close that frame without selection.

@muaz-khan : You getting my issue right... So, how to prevent this memory issue or any suggestions or explanation.

Sir how can I convert the simple file like
var file = new File([blob ? blob : ''], getFileName(fileExtension), { type: mimeType });
into video file.
Sir our video blob is like

blob:chrome-extension://hgpenkfjeddjngnojmcmgbclkoakihhg/b3232e95-f571-4d8a-a272-a79534129c21

and here is another recorder screencastify whose video blob is like

filesystem:chrome-extension://mmeijimgabbpbgpdklnllpncmdofkcpn/persistent/b04ac04e-bedf-455d-y7e5-998ff77b92d3.webm

I need this video blob because there is problem in video that controls are not working
how can I get this video blob. Sir please help thank you @muaz-khan

In Full screen + System Audio option, system audio is not recording.

I want to "Stop sharing" through javascript. What is that call to the Extension?

I looked through the files here and did not see a way.

I'd like a way to Stop sharing that doesn't require my user to click the "Stop sharing" button at the bottom of the page.

-Loren

Does this project allow implement video sharing specification to my own website without any price ?

According to https://github.com/muaz-khan/Chrome-Extensions/tree/master/Screen-Capturing.js, the Screen-Capturing js throw callback exception: callback is not a function .

if (chromeMediaSource == 'desktop' && !sourceId) {
    getSourceId(function() {
        screen_constraints.mandatory.chromeMediaSourceId = sourceId;
        callback(sourceId == 'PermissionDeniedError' ? sourceId : null, screen_constraints);
    });
    return;
}

The recorded video can not be forward/backward or want to start from any point, it is not working properly. What should I do for that @muaz-khan

It isn't giving me the URL any more. Please help!

Hello,

I have installed your "WebRTC Desktop Sharing" Chrome extension from the Chrome store onto Chrome Version 57.0.2987.98 (current as of today) on 2 PCs.

As directed by the instructions on page https://github.com/muaz-khan/Chrome-Extensions/tree/master/desktopCapture-p2p, I opened the following link in Chrome on both PCs:

https://webrtcweb.com/screen?s=your_room_id

I provided a name for "your_room_id" and used it on both PCs. Both went through a few steps and then hung at displaying "Screen share session is closed or paused. You will join automatically when share session is resumed."

What am I doing wrong? I imagine there exists somewhere further info on how to try out your extension. Perhaps it can be inferred from wading through source code. But the existence of instructions on https://github.com/muaz-khan/Chrome-Extensions/tree/master/desktopCapture-p2p gave me the impression that the instructions would work, so I am left wondering why this is not so.

Thank you for any help you may provide.

I am trying to do an inline installation of the following Screen Capture chrome extension:
https://chrome.google.com/webstore/detail/screen-capturing/ajhifddimkapgcifgcodmmfdlknahffk

I have downloaded the extension and uploaded it back on web store, verified my website and checked the check box where it says it can be installed inline and it works fine, check it from following:
https://www.helpme.com.de/main/test

I have changed the itemID in all the files i.e. RTCMultiConnection.js and getScreenId.html

But I get "installed-disabled" error.

Can you please help me? Have you tried inline installation in any of the examples?

Thus, I have a problem in the non-inline installation, once the extension is installed, then I have to refresh the page to get it working, can you plz help me on this as well?

Thanks,
Aemal

Sir I have a drawing tool when I am recording the drawing of that tool then the smoothness of that tool will not same as before the recording. I also tried your recorder on other tools like autodraw, https://www.webrtc-experiment.com/RecordRTC/Canvas-Recording/record-canvas-drawings.html, the problem was same. What should I do for that please help sir @muaz-khan .

Chrome browser version: Version 53.0.2785.143 (64-bit)

This plugin used to work, not anymore. Is it because Chrome 53?

Hi @muaz-khan The open source community is grateful for your practical add-ons !

I am a graphic designer. I am contributing design to such useful projects. In general, the plugins have a good logo. But I think RTC Record needs a new logo. I designed a logo for RTC.

In the design I emphasized the letter R and the idea of ​​"sharing".

Did you like it? If you have something you want to add or change, do not hesitate to say it.

I will be waiting for your feedback ..

Please consider changing the "matches" URL in manifest.json file to be wide open, like this:
"matches": ["https:///", "https://www.webrtc-experime...", "https://rtcmulticonnection...."]

This would remove the need for every user of getScreenId to publish a chrome extension in Google App Store.

hello, my friend:
I use your webrtc desktop sharing. It's great!
but when I use it ,I find is not work when I share PPT.
I open this , I chose my ppt and share this to my friends, then I play this ppt fullscreen. the screen I sharing , it does not have some change.
do you find this?
hope to your reply!
thks :)

How to add audio in desktop capture in chrome extension

Basically when you try to save captured file after ~35 min, RecordRTC just stops, but captured file is not saved (Failed -Server Problem). Tested on Canary Chrome v58 and Chrome v56 with default RecordRTC v3.9 settings.

There is an option to record full screen + microphone and screen + system audio.

Is it possible to record all 3 at the same time?

I've edited the extension source, added my domain to the manifest, packaged and uploaded to the chrome store and installed.

I created the following test page

<!DOCTYPE html>
<html>

<head>
    <title>Screen Sharing Test</title>
    <script src="screen-capturing.js"></script>

    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
        }

        video {
            width: 100%;
            height: 100%;
            display: block;
        }
    </style>
</head>

<body>
    <video></video>
    <script>
    getSourceId(function(sourceId) {
        console.log('sourceId', sourceId);
        if (sourceId != 'PermissionDeniedError') {
            
            // your code here
        }
    });

    // otherwise, you can use a helper method
    getScreenConstraints(function(error, screen_constraints) {
        if (error) {
            return console.error(error);
        }

        console.log('screen_constraints', screen_constraints);

        navigator.getUserMedia({
            audio: false,
            video: screen_constraints
        }, function(stream) {
            console.log('stream', stream);
            var video = document.querySelector('video');
            video.src = URL.createObjectURL(stream);
            video.play();
        }, function(error) {
            console.error('Get user media error', error);
        });
    });
   
    // instead of using "isChromeExtensionAvailable", you can use
    // a little bit more reliable method: "getChromeExtensionStatus"
    getChromeExtensionStatus('xxxx', function(status) {
        console.log('Extension status', status);

        if (status == 'installed-enabled') {
            // chrome extension is installed & enabled.
            console.log('Extension installed!');
        }

        if (status == 'installed-disabled') {
            // chrome extension is installed but disabled.
        }

        if (status == 'not-installed') {
            // chrome extension is not installed
        }

        if (status == 'not-chrome') {
            // using non-chrome browser
        }
    });
    </script>
</body>

</html>

I correctly get the chrome screensharing popup, however I notice the error triggers as soon as the page loads. This is on an https enabled page.

I works on Android browser.... but on iPhone safari I can hear but I get a black screen... Any idea how I can fix this?

Thanks

Hugo

why cant i upload video on youtube? plus after recording video a line is mentioned over the recorded video " this video is in ur cache...." but one day a new line was there this video link is present for 1 week now i cant see that line ? why? and where the files are been uploaded in private server? could it be in urs? or webrtc? if yes then how can i change
please help me out asap i m new in making of extension i m learning so i would be glad if u help me out.
thanks !!!

Hi, I'm using your extension and I'm adding functionality that allows you to take a screenshot of the desktop and display it on a blank page to edit the capture with a basic editing plugin.

Basically I'm doing the following, when I click on the function I start recording in full-screen and I stop the capture in two seconds, then I take a capture of the div that contains the resulting video and I show it on a canvas, the problem of this is that if the computer is very slow or is very loaded sometimes no capture is brought.

So I'm asking you if there's a better way to do this by making sure you always bring a screenshot of the desktop, I do not know if you find a way to just bring the first frame of the video or something like that.

I apologize for my bad english, I am learning to handle it

How am I detecting whether extension is installer or not?

In my content-script.js. I have

var isInstalledNode = document.createElement('div');
isInstalledNode.id = 'gb-extension-installed';
document.body.appendChild(isInstalledNode);

Then I am detecting this element in my webpage and triggering the inline install.

How am I trying to load the content-script on inline-install. I have this code in my event page backgroud-script.js

chrome.runtime.onInstalled.addListener(function() {
  chrome.tabs.executeScript({
    file: 'content-script.js'
  });
});

But this thing is not working at all and nothing is happening.

Hello,
I'm trying to use my own extension to screen capture. My code works with your's but, when i use mine, it keeps saying me "Please install Chrome extension."

I published my own extension on chrome extension store but i don't where to change the extension id.
Thanks in advance,

https://codepen.io/slifin/pen/erobKm?editors=1111

Two requests:

Can we get multiple quality options between 360p and 720p? E.g. the standard two: 480p and 540p.

Can we stream multiple options from the host to allow the clients to view in their preferred option? E.g. the hosting computer stream in 540p & 1080p, and then let the clients choose an appropriate quality for them?

After downloading the video the duration is infinite hence the total duration is not showing.

I really love what you are doing, and would like to understand how do you call your server in desktopCapture so it generates unique url for session sharing, etc.

In line 108 of ScreenCapturing.js, extensionid is compared to itself. This means that the code

    setTimeout(function() {
        if (chromeMediaSource == 'screen') {
            callback(extensionid == extensionid ? 'installed-enabled' : 'installed-disabled');
        } else callback('installed-enabled');
    }, 2000);

will always return 'installed-enabled'. I assume the intention was to compare extensionid to something else?

when I stop the recording with popup window button then the video is generated but not play on browser and the extension hangup and further it will not work. This problem come in some device not in every device.

Literally, audio doesn't work when I click the recording button.
Audio in recorded video is working fine.

I used screen capture chrome extension for capturing desktop screen . is there any way i can stop the extension using JS code.

I see there is code to capture a potential disconnect and reduce the connection count. However, from playing around with this extension it doesn't seem to detect any disconnects and the connection count keeps going up upon disconnect/reconnect. As an additional side-effect, it seems to still try to stream to all those closed viewers and starts slowing down the source computer.

Perhaps the addition of a connection timeout / heartbeat could help catch those missed disconnects.