Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

desktopsharing.js 12KB

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