You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

desktopsharing.js 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389
  1. /* global $, alert, APP, changeLocalVideo, chrome, config, getConferenceHandler,
  2. getUserMediaWithConstraints */
  3. /**
  4. * Indicates that desktop stream is currently in use(for toggle purpose).
  5. * @type {boolean}
  6. */
  7. var isUsingScreenStream = false;
  8. /**
  9. * Indicates that switch stream operation is in progress and prevent from
  10. * triggering new events.
  11. * @type {boolean}
  12. */
  13. var switchInProgress = false;
  14. /**
  15. * Method used to get screen sharing stream.
  16. *
  17. * @type {function (stream_callback, failure_callback}
  18. */
  19. var obtainDesktopStream = null;
  20. /**
  21. * Indicates whether desktop sharing extension is installed.
  22. * @type {boolean}
  23. */
  24. var extInstalled = false;
  25. /**
  26. * Indicates whether update of desktop sharing extension is required.
  27. * @type {boolean}
  28. */
  29. var extUpdateRequired = false;
  30. var logger = require("jitsi-meet-logger").getLogger(__filename);
  31. var AdapterJS = require("../RTC/adapter.screenshare");
  32. var EventEmitter = require("events");
  33. var eventEmitter = new EventEmitter();
  34. var DesktopSharingEventTypes
  35. = require("../../service/desktopsharing/DesktopSharingEventTypes");
  36. var RTCBrowserType = require("../RTC/RTCBrowserType");
  37. var RTCEvents = require("../../service/RTC/RTCEvents");
  38. /**
  39. * Method obtains desktop stream from WebRTC 'screen' source.
  40. * Flag 'chrome://flags/#enable-usermedia-screen-capture' must be enabled.
  41. */
  42. function obtainWebRTCScreen(streamCallback, failCallback) {
  43. APP.RTC.getUserMediaWithConstraints(
  44. ['screen'],
  45. streamCallback,
  46. failCallback
  47. );
  48. }
  49. /**
  50. * Constructs inline install URL for Chrome desktop streaming extension.
  51. * The 'chromeExtensionId' must be defined in config.js.
  52. * @returns {string}
  53. */
  54. function getWebStoreInstallUrl()
  55. {
  56. return "https://chrome.google.com/webstore/detail/" +
  57. config.chromeExtensionId;
  58. }
  59. /**
  60. * Checks whether extension update is required.
  61. * @param minVersion minimal required version
  62. * @param extVersion current extension version
  63. * @returns {boolean}
  64. */
  65. function isUpdateRequired(minVersion, extVersion)
  66. {
  67. try
  68. {
  69. var s1 = minVersion.split('.');
  70. var s2 = extVersion.split('.');
  71. var len = Math.max(s1.length, s2.length);
  72. for (var i = 0; i < len; i++)
  73. {
  74. var n1 = 0,
  75. n2 = 0;
  76. if (i < s1.length)
  77. n1 = parseInt(s1[i]);
  78. if (i < s2.length)
  79. n2 = parseInt(s2[i]);
  80. if (isNaN(n1) || isNaN(n2))
  81. {
  82. return true;
  83. }
  84. else if (n1 !== n2)
  85. {
  86. return n1 > n2;
  87. }
  88. }
  89. // will happen if boths version has identical numbers in
  90. // their components (even if one of them is longer, has more components)
  91. return false;
  92. }
  93. catch (e)
  94. {
  95. logger.error("Failed to parse extension version", e);
  96. APP.UI.messageHandler.showError("dialog.error",
  97. "dialog.detectext");
  98. return true;
  99. }
  100. }
  101. function checkChromeExtInstalled(callback) {
  102. if (!chrome.runtime) {
  103. // No API, so no extension for sure
  104. callback(false, false);
  105. return;
  106. }
  107. chrome.runtime.sendMessage(
  108. config.chromeExtensionId,
  109. { getVersion: true },
  110. function (response) {
  111. if (!response || !response.version) {
  112. // Communication failure - assume that no endpoint exists
  113. logger.warn(
  114. "Extension not installed?: ", chrome.runtime.lastError);
  115. callback(false, false);
  116. return;
  117. }
  118. // Check installed extension version
  119. var extVersion = response.version;
  120. logger.log('Extension version is: ' + extVersion);
  121. var updateRequired
  122. = isUpdateRequired(config.minChromeExtVersion, extVersion);
  123. callback(!updateRequired, updateRequired);
  124. }
  125. );
  126. }
  127. function doGetStreamFromExtension(streamCallback, failCallback) {
  128. // Sends 'getStream' msg to the extension.
  129. // Extension id must be defined in the config.
  130. chrome.runtime.sendMessage(
  131. config.chromeExtensionId,
  132. { getStream: true, sources: config.desktopSharingSources },
  133. function (response) {
  134. if (!response) {
  135. failCallback(chrome.runtime.lastError);
  136. return;
  137. }
  138. logger.log("Response from extension: " + response);
  139. if (response.streamId) {
  140. APP.RTC.getUserMediaWithConstraints(
  141. ['desktop'],
  142. function (stream) {
  143. streamCallback(stream);
  144. },
  145. failCallback,
  146. null, null, null,
  147. response.streamId);
  148. } else {
  149. failCallback("Extension failed to get the stream");
  150. }
  151. }
  152. );
  153. }
  154. /**
  155. * Asks Chrome extension to call chooseDesktopMedia and gets chrome 'desktop'
  156. * stream for returned stream token.
  157. */
  158. function obtainScreenFromExtension(streamCallback, failCallback) {
  159. if (extInstalled) {
  160. doGetStreamFromExtension(streamCallback, failCallback);
  161. } else {
  162. if (extUpdateRequired) {
  163. alert(
  164. 'Jitsi Desktop Streamer requires update. ' +
  165. 'Changes will take effect after next Chrome restart.');
  166. }
  167. chrome.webstore.install(
  168. getWebStoreInstallUrl(),
  169. function (arg) {
  170. logger.log("Extension installed successfully", arg);
  171. extInstalled = true;
  172. // We need to give a moment for the endpoint to become available
  173. window.setTimeout(function () {
  174. doGetStreamFromExtension(streamCallback, failCallback);
  175. }, 500);
  176. },
  177. function (arg) {
  178. logger.log("Failed to install the extension", arg);
  179. failCallback(arg);
  180. APP.UI.messageHandler.showError("dialog.error",
  181. "dialog.failtoinstall");
  182. }
  183. );
  184. }
  185. }
  186. /**
  187. * Call this method to toggle desktop sharing feature.
  188. * @param method pass "ext" to use chrome extension for desktop capture(chrome
  189. * extension required), pass "webrtc" to use WebRTC "screen" desktop
  190. * source('chrome://flags/#enable-usermedia-screen-capture' must be
  191. * enabled), pass any other string or nothing in order to disable this
  192. * feature completely.
  193. */
  194. function setDesktopSharing(method) {
  195. obtainDesktopStream = null;
  196. // When TemasysWebRTC plugin is used we always use getUserMedia, so we don't
  197. // care about 'method' parameter
  198. if (RTCBrowserType.isTemasysPluginUsed()) {
  199. if (!AdapterJS.WebRTCPlugin.plugin.HasScreensharingFeature) {
  200. logger.info("Screensharing not supported by this plugin version");
  201. } else if (!AdapterJS.WebRTCPlugin.plugin.isScreensharingAvailable) {
  202. logger.info(
  203. "Screensharing not available with Temasys plugin on this site");
  204. } else {
  205. obtainDesktopStream = obtainWebRTCScreen;
  206. logger.info("Using Temasys plugin for desktop sharing");
  207. }
  208. } else if (RTCBrowserType.isChrome()) {
  209. if (method == "ext") {
  210. if (RTCBrowserType.getChromeVersion() >= 34) {
  211. obtainDesktopStream = obtainScreenFromExtension;
  212. logger.info("Using Chrome extension for desktop sharing");
  213. initChromeExtension();
  214. } else {
  215. logger.info("Chrome extension not supported until ver 34");
  216. }
  217. } else if (method == "webrtc") {
  218. obtainDesktopStream = obtainWebRTCScreen;
  219. logger.info("Using Chrome WebRTC for desktop sharing");
  220. }
  221. }
  222. if (!obtainDesktopStream) {
  223. logger.info("Desktop sharing disabled");
  224. }
  225. }
  226. /**
  227. * Initializes <link rel=chrome-webstore-item /> with extension id set in
  228. * config.js to support inline installs. Host site must be selected as main
  229. * website of published extension.
  230. */
  231. function initInlineInstalls()
  232. {
  233. $("link[rel=chrome-webstore-item]").attr("href", getWebStoreInstallUrl());
  234. }
  235. function initChromeExtension() {
  236. // Initialize Chrome extension inline installs
  237. initInlineInstalls();
  238. // Check if extension is installed
  239. checkChromeExtInstalled(function (installed, updateRequired) {
  240. extInstalled = installed;
  241. extUpdateRequired = updateRequired;
  242. logger.info(
  243. "Chrome extension installed: " + extInstalled +
  244. " updateRequired: " + extUpdateRequired);
  245. });
  246. }
  247. function getVideoStreamFailed(error) {
  248. logger.error("Failed to obtain the stream to switch to", error);
  249. switchInProgress = false;
  250. isUsingScreenStream = false;
  251. newStreamCreated(null);
  252. }
  253. function getDesktopStreamFailed(error) {
  254. logger.error("Failed to obtain the stream to switch to", error);
  255. switchInProgress = false;
  256. }
  257. function streamSwitchDone() {
  258. switchInProgress = false;
  259. eventEmitter.emit(
  260. DesktopSharingEventTypes.SWITCHING_DONE,
  261. isUsingScreenStream);
  262. }
  263. function newStreamCreated(stream)
  264. {
  265. eventEmitter.emit(DesktopSharingEventTypes.NEW_STREAM_CREATED,
  266. stream, isUsingScreenStream, streamSwitchDone);
  267. }
  268. function onEndedHandler(stream) {
  269. if (!switchInProgress && isUsingScreenStream) {
  270. APP.desktopsharing.toggleScreenSharing();
  271. }
  272. //FIXME: to be verified
  273. if (stream.removeEventListener) {
  274. stream.removeEventListener('ended', onEndedHandler);
  275. } else {
  276. stream.detachEvent('ended', onEndedHandler);
  277. }
  278. }
  279. // Called when RTC finishes initialization
  280. function onWebRtcReady() {
  281. setDesktopSharing(config.desktopSharing);
  282. eventEmitter.emit(DesktopSharingEventTypes.INIT);
  283. }
  284. module.exports = {
  285. isUsingScreenStream: function () {
  286. return isUsingScreenStream;
  287. },
  288. /**
  289. * @returns {boolean} <tt>true</tt> if desktop sharing feature is available
  290. * and enabled.
  291. */
  292. isDesktopSharingEnabled: function () { return !!obtainDesktopStream; },
  293. init: function () {
  294. APP.RTC.addListener(RTCEvents.RTC_READY, onWebRtcReady);
  295. },
  296. addListener: function (listener, type)
  297. {
  298. eventEmitter.on(type, listener);
  299. },
  300. removeListener: function (listener, type) {
  301. eventEmitter.removeListener(type, listener);
  302. },
  303. /*
  304. * Toggles screen sharing.
  305. */
  306. toggleScreenSharing: function () {
  307. if (switchInProgress || !obtainDesktopStream) {
  308. logger.warn("Switch in progress or no method defined");
  309. return;
  310. }
  311. switchInProgress = true;
  312. if (!isUsingScreenStream)
  313. {
  314. // Switch to desktop stream
  315. obtainDesktopStream(
  316. function (stream) {
  317. // We now use screen stream
  318. isUsingScreenStream = true;
  319. // Hook 'ended' event to restore camera
  320. // when screen stream stops
  321. //FIXME: to be verified
  322. if (stream.addEventListener) {
  323. stream.addEventListener('ended', function () {
  324. onEndedHandler(stream);
  325. });
  326. } else {
  327. stream.attachEvent('ended', function () {
  328. onEndedHandler(stream);
  329. });
  330. }
  331. newStreamCreated(stream);
  332. },
  333. getDesktopStreamFailed);
  334. } else {
  335. // Disable screen stream
  336. APP.RTC.getUserMediaWithConstraints(
  337. ['video'],
  338. function (stream) {
  339. // We are now using camera stream
  340. isUsingScreenStream = false;
  341. newStreamCreated(stream);
  342. },
  343. getVideoStreamFailed, config.resolution || '360'
  344. );
  345. }
  346. }
  347. };