Gecko [ gandhischool.edu.np ]

Name	Size	Permission
__tests__	[ DIR ]	drwxr-xr-x
actions	[ DIR ]	drwxr-xr-x
components	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
reducers	[ DIR ]	drwxr-xr-x
translations	[ DIR ]	drwxr-xr-x
Logger.js	768 B	-rw-r--r--
RoomClient.js	86.54 KB	-rw-r--r--
RoomContext.js	335 B	-rw-r--r--
ScreenShare.js	4.17 KB	-rw-r--r--
Spotlights.js	3.91 KB	-rw-r--r--
deviceInfo.js	811 B	-rw-r--r--
electron-starter.js	885 B	-rw-r--r--
electron-wait-react.js	774 B	-rw-r--r--
index.css	822 B	-rw-r--r--
index.js	7.68 KB	-rw-r--r--
permissions.js	1.08 KB	-rw-r--r--
serviceWorker.js	2.04 KB	-rw-r--r--
store.js	1.33 KB	-rw-r--r--
urlFactory.js	381 B	-rw-r--r--
utils.js	712 B	-rw-r--r--

Code Editor : ScreenShare.js

import isElectron from 'is-electron';

let electron = null;

/** 
 * Check if window.require function exits
 * because electron default is "nodeIntegration: false"
 * and this case window.require is not a function.
 * It caused issue with Rocket Chat electron client.
 * 
 * TODO: do it more inteligently.
 */
if (isElectron() && typeof window.require === 'function')
	electron = window.require('electron');

class ElectronScreenShare
{
	constructor()
	{
		this._stream = null;
	}

start()
	{
		return Promise.resolve()
			.then(() =>
			{
				return electron.desktopCapturer.getSources({ types: [ 'window', 'screen' ] });
			})
			.then((sources) =>
			{
				for (const source of sources)
				{
					// Currently only getting whole screen
					if (source.name === 'Entire Screen')
					{
						return navigator.mediaDevices.getUserMedia({
							audio : true,
							video :
							{
								mandatory :
								{
									chromeMediaSource   : 'desktop',
									chromeMediaSourceId : source.id
								}
							}
						});
					}
				}
			})
			.then((stream) =>
			{
				this._stream = stream;

return stream;
			});
	}

stop()
	{
		if (this._stream instanceof MediaStream === false)
		{
			return;
		}

this._stream.getTracks().forEach((track) => track.stop());
		this._stream = null;
	}

isScreenShareAvailable()
	{
		return true;
	}
}

class DisplayMediaScreenShare
{
	constructor()
	{
		this._stream = null;
	}

start(options = {})
	{
		const constraints = this._toConstraints(options);

return navigator.mediaDevices.getDisplayMedia(constraints)
			.then((stream) =>
			{
				this._stream = stream;

return Promise.resolve(stream);
			});
	}

stop()
	{
		if (this._stream instanceof MediaStream === false)
		{
			return;
		}

this._stream.getTracks().forEach((track) => track.stop());
		this._stream = null;
	}

isScreenShareAvailable()
	{
		return true;
	}

_toConstraints(options)
	{
		const constraints = {
			video : {},
			audio : true
		};

if (isFinite(options.width))
		{
			constraints.video.width = options.width;
		}
		if (isFinite(options.height))
		{
			constraints.video.height = options.height;
		}
		if (isFinite(options.frameRate))
		{
			constraints.video.frameRate = options.frameRate;
		}

return constraints;
	}
}

class FirefoxScreenShare
{
	constructor()
	{
		this._stream = null;
	}

start(options = {})
	{
		const constraints = this._toConstraints(options);

return navigator.mediaDevices.getUserMedia(constraints)
			.then((stream) =>
			{
				this._stream = stream;

return Promise.resolve(stream);
			});
	}

stop()
	{
		if (this._stream instanceof MediaStream === false)
		{
			return;
		}

this._stream.getTracks().forEach((track) => track.stop());
		this._stream = null;
	}

isScreenShareAvailable()
	{
		return true;
	}

_toConstraints(options)
	{
		const constraints = {
			video : {
				mediaSource : 'window'
			},
			audio : false
		};

if ('mediaSource' in options)
		{
			constraints.video.mediaSource = options.mediaSource;
		}
		if (isFinite(options.width))
		{
			constraints.video.width = {
				min : options.width,
				max : options.width
			};
		}
		if (isFinite(options.height))
		{
			constraints.video.height = {
				min : options.height,
				max : options.height
			};
		}
		if (isFinite(options.frameRate))
		{
			constraints.video.frameRate = {
				min : options.frameRate,
				max : options.frameRate
			};
		}

return constraints;
	}
}

class DefaultScreenShare
{
	isScreenShareAvailable()
	{
		return false;
	}
}

export default class ScreenShare
{
	static create(device)
	{
		if (electron)
			return new ElectronScreenShare();
		else if (device.platform !== 'desktop')
			return new DefaultScreenShare();
		else
		{
			switch (device.flag)
			{
				case 'firefox':
				{
					if (device.version < 66.0)
						return new FirefoxScreenShare();
					else
						return new DisplayMediaScreenShare();
				}
				case 'safari':
				{
					if (device.version >= 13.0)
						return new DisplayMediaScreenShare();
					else
						return new DefaultScreenShare();
				}
				case 'chrome':
				case 'chromium':
				case 'opera':
				case 'edge':
				{
					return new DisplayMediaScreenShare();
				}
				default:
				{
					return new DefaultScreenShare();
				}
			}
		}
	}
}

${this.title}

Code Editor : ScreenShare.js