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.

RTC.js 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. /* global APP */
  2. var EventEmitter = require("events");
  3. var RTCBrowserType = require("./RTCBrowserType");
  4. var RTCUtils = require("./RTCUtils.js");
  5. var LocalStream = require("./LocalStream.js");
  6. var DataChannels = require("./DataChannels");
  7. var MediaStream = require("./MediaStream.js");
  8. var DesktopSharingEventTypes
  9. = require("../../service/desktopsharing/DesktopSharingEventTypes");
  10. var MediaStreamType = require("../../service/RTC/MediaStreamTypes");
  11. var StreamEventTypes = require("../../service/RTC/StreamEventTypes.js");
  12. var RTCEvents = require("../../service/RTC/RTCEvents.js");
  13. var XMPPEvents = require("../../service/xmpp/XMPPEvents");
  14. var UIEvents = require("../../service/UI/UIEvents");
  15. var eventEmitter = new EventEmitter();
  16. function getMediaStreamUsage()
  17. {
  18. var result = {
  19. audio: true,
  20. video: true
  21. };
  22. /** There are some issues with the desktop sharing
  23. * when this property is enabled.
  24. * WARNING: We must change the implementation to start video/audio if we
  25. * receive from the focus that the peer is not muted.
  26. var isSecureConnection = window.location.protocol == "https:";
  27. if(config.disableEarlyMediaPermissionRequests || !isSecureConnection)
  28. {
  29. result = {
  30. audio: false,
  31. video: false
  32. };
  33. }
  34. **/
  35. return result;
  36. }
  37. var RTC = {
  38. // Exposes DataChannels to public consumption (e.g. jitsi-meet-torture)
  39. // without the necessity to require the module.
  40. "DataChannels": DataChannels,
  41. rtcUtils: null,
  42. devices: {
  43. audio: true,
  44. video: true
  45. },
  46. remoteStreams: {},
  47. localAudio: null,
  48. localVideo: null,
  49. addStreamListener: function (listener, eventType) {
  50. eventEmitter.on(eventType, listener);
  51. },
  52. addListener: function (type, listener) {
  53. eventEmitter.on(type, listener);
  54. },
  55. removeStreamListener: function (listener, eventType) {
  56. if(!(eventType instanceof StreamEventTypes))
  57. throw "Illegal argument";
  58. eventEmitter.removeListener(eventType, listener);
  59. },
  60. createLocalStream: function (stream, type, change, videoType,
  61. isMuted, isGUMStream) {
  62. var localStream =
  63. new LocalStream(stream, type, eventEmitter, videoType, isGUMStream);
  64. if(isMuted === true)
  65. localStream.setMute(true);
  66. if (MediaStreamType.AUDIO_TYPE === type) {
  67. this.localAudio = localStream;
  68. } else {
  69. this.localVideo = localStream;
  70. }
  71. var eventType = StreamEventTypes.EVENT_TYPE_LOCAL_CREATED;
  72. if(change)
  73. eventType = StreamEventTypes.EVENT_TYPE_LOCAL_CHANGED;
  74. eventEmitter.emit(eventType, localStream, isMuted);
  75. return localStream;
  76. },
  77. createRemoteStream: function (data, ssrc) {
  78. var jid = data.peerjid || APP.xmpp.myJid();
  79. // check the video muted state from last stored presence if any
  80. var muted = false;
  81. var pres = APP.xmpp.getLastPresence(jid);
  82. if (pres && pres.videoMuted) {
  83. muted = pres.videoMuted;
  84. }
  85. var self = this;
  86. [MediaStreamType.AUDIO_TYPE, MediaStreamType.VIDEO_TYPE].forEach(
  87. function (type) {
  88. var tracks =
  89. type == MediaStreamType.AUDIO_TYPE
  90. ? data.stream.getAudioTracks() : data.stream.getVideoTracks();
  91. if (!tracks || !Array.isArray(tracks) || !tracks.length) {
  92. console.log("Not creating a(n) " + type + " stream: no tracks");
  93. return;
  94. }
  95. var remoteStream = new MediaStream(data, ssrc,
  96. RTCBrowserType.getBrowserType(), eventEmitter, muted, type);
  97. if (!self.remoteStreams[jid]) {
  98. self.remoteStreams[jid] = {};
  99. }
  100. self.remoteStreams[jid][type] = remoteStream;
  101. eventEmitter.emit(StreamEventTypes.EVENT_TYPE_REMOTE_CREATED,
  102. remoteStream);
  103. });
  104. },
  105. getPCConstraints: function () {
  106. return this.rtcUtils.pc_constraints;
  107. },
  108. getUserMediaWithConstraints:function(um, success_callback,
  109. failure_callback, resolution,
  110. bandwidth, fps, desktopStream)
  111. {
  112. return this.rtcUtils.getUserMediaWithConstraints(um, success_callback,
  113. failure_callback, resolution, bandwidth, fps, desktopStream);
  114. },
  115. attachMediaStream: function (elSelector, stream) {
  116. this.rtcUtils.attachMediaStream(elSelector, stream);
  117. },
  118. getStreamID: function (stream) {
  119. return this.rtcUtils.getStreamID(stream);
  120. },
  121. getVideoSrc: function (element) {
  122. return this.rtcUtils.getVideoSrc(element);
  123. },
  124. setVideoSrc: function (element, src) {
  125. this.rtcUtils.setVideoSrc(element, src);
  126. },
  127. getVideoElementName: function () {
  128. return RTCBrowserType.isTemasysPluginUsed() ? 'object' : 'video';
  129. },
  130. dispose: function() {
  131. if (this.rtcUtils) {
  132. this.rtcUtils = null;
  133. }
  134. },
  135. stop: function () {
  136. this.dispose();
  137. },
  138. start: function () {
  139. var self = this;
  140. APP.desktopsharing.addListener(
  141. DesktopSharingEventTypes.NEW_STREAM_CREATED,
  142. function (stream, isUsingScreenStream, callback) {
  143. self.changeLocalVideo(stream, isUsingScreenStream, callback);
  144. });
  145. APP.xmpp.addListener(XMPPEvents.CALL_INCOMING, function(event) {
  146. DataChannels.init(event.peerconnection, eventEmitter);
  147. });
  148. APP.UI.addListener(UIEvents.SELECTED_ENDPOINT,
  149. DataChannels.handleSelectedEndpointEvent);
  150. APP.UI.addListener(UIEvents.PINNED_ENDPOINT,
  151. DataChannels.handlePinnedEndpointEvent);
  152. // In case of IE we continue from 'onReady' callback
  153. // passed to RTCUtils constructor. It will be invoked by Temasys plugin
  154. // once it is initialized.
  155. var onReady = function () {
  156. eventEmitter.emit(RTCEvents.RTC_READY, true);
  157. self.rtcUtils.obtainAudioAndVideoPermissions(
  158. null, null, getMediaStreamUsage());
  159. };
  160. this.rtcUtils = new RTCUtils(this, eventEmitter, onReady);
  161. // Call onReady() if Temasys plugin is not used
  162. if (!RTCBrowserType.isTemasysPluginUsed()) {
  163. onReady();
  164. }
  165. },
  166. muteRemoteVideoStream: function (jid, value) {
  167. var stream;
  168. if(this.remoteStreams[jid] &&
  169. this.remoteStreams[jid][MediaStreamType.VIDEO_TYPE]) {
  170. stream = this.remoteStreams[jid][MediaStreamType.VIDEO_TYPE];
  171. }
  172. if(!stream)
  173. return true;
  174. if (value != stream.muted) {
  175. stream.setMute(value);
  176. return true;
  177. }
  178. return false;
  179. },
  180. changeLocalVideo: function (stream, isUsingScreenStream, callback) {
  181. var oldStream = this.localVideo.getOriginalStream();
  182. var type = (isUsingScreenStream ? "screen" : "camera");
  183. var localCallback = callback;
  184. if(this.localVideo.isMuted() && this.localVideo.videoType !== type) {
  185. localCallback = function() {
  186. APP.xmpp.setVideoMute(false, function(mute) {
  187. eventEmitter.emit(RTCEvents.VIDEO_MUTE, mute);
  188. });
  189. callback();
  190. };
  191. }
  192. // FIXME: Workaround for FF/IE/Safari
  193. if (stream && stream.videoStream) {
  194. stream = stream.videoStream;
  195. }
  196. var videoStream = this.rtcUtils.createStream(stream, true);
  197. this.localVideo =
  198. this.createLocalStream(videoStream, "video", true, type);
  199. // Stop the stream
  200. this.stopMediaStream(oldStream);
  201. APP.xmpp.switchStreams(videoStream, oldStream,localCallback);
  202. },
  203. changeLocalAudio: function (stream, callback) {
  204. var oldStream = this.localAudio.getOriginalStream();
  205. var newStream = this.rtcUtils.createStream(stream);
  206. this.localAudio
  207. = this.createLocalStream(
  208. newStream, MediaStreamType.AUDIO_TYPE, true);
  209. // Stop the stream
  210. this.stopMediaStream(oldStream);
  211. APP.xmpp.switchStreams(newStream, oldStream, callback, true);
  212. },
  213. isVideoMuted: function (jid) {
  214. if (jid === APP.xmpp.myJid()) {
  215. var localVideo = APP.RTC.localVideo;
  216. return (!localVideo || localVideo.isMuted());
  217. } else {
  218. if (!APP.RTC.remoteStreams[jid] ||
  219. !APP.RTC.remoteStreams[jid][MediaStreamType.VIDEO_TYPE]) {
  220. return null;
  221. }
  222. return APP.RTC.remoteStreams[jid][MediaStreamType.VIDEO_TYPE].muted;
  223. }
  224. },
  225. setVideoMute: function (mute, callback, options) {
  226. if (!this.localVideo)
  227. return;
  228. if (mute == APP.RTC.localVideo.isMuted())
  229. {
  230. APP.xmpp.sendVideoInfoPresence(mute);
  231. if (callback)
  232. callback(mute);
  233. }
  234. else
  235. {
  236. APP.RTC.localVideo.setMute(mute);
  237. APP.xmpp.setVideoMute(
  238. mute,
  239. callback,
  240. options);
  241. }
  242. },
  243. setDeviceAvailability: function (devices) {
  244. if(!devices)
  245. return;
  246. if(devices.audio === true || devices.audio === false)
  247. this.devices.audio = devices.audio;
  248. if(devices.video === true || devices.video === false)
  249. this.devices.video = devices.video;
  250. eventEmitter.emit(RTCEvents.AVAILABLE_DEVICES_CHANGED, this.devices);
  251. },
  252. /**
  253. * A method to handle stopping of the stream.
  254. * One point to handle the differences in various implementations.
  255. * @param mediaStream MediaStream object to stop.
  256. */
  257. stopMediaStream: function (mediaStream) {
  258. mediaStream.getTracks().forEach(function (track) {
  259. // stop() not supported with IE
  260. if (track.stop) {
  261. track.stop();
  262. }
  263. });
  264. // leave stop for implementation still using it
  265. if (mediaStream.stop) {
  266. mediaStream.stop();
  267. }
  268. },
  269. /**
  270. * Adds onended/inactive handler to a MediaStream.
  271. * @param mediaStream a MediaStream to attach onended/inactive handler
  272. * @param handler the handler
  273. */
  274. addMediaStreamInactiveHandler: function (mediaStream, handler) {
  275. if(RTCBrowserType.isTemasysPluginUsed()) {
  276. // themasys
  277. mediaStream.attachEvent('ended', function () {
  278. handler(mediaStream);
  279. });
  280. }
  281. else {
  282. if(typeof mediaStream.active !== "undefined")
  283. mediaStream.oninactive = handler;
  284. else
  285. mediaStream.onended = handler;
  286. }
  287. },
  288. /**
  289. * Removes onended/inactive handler.
  290. * @param mediaStream the MediaStream to remove the handler from.
  291. * @param handler the handler to remove.
  292. */
  293. removeMediaStreamInactiveHandler: function (mediaStream, handler) {
  294. if(RTCBrowserType.isTemasysPluginUsed()) {
  295. // themasys
  296. mediaStream.detachEvent('ended', handler);
  297. }
  298. else {
  299. if(typeof mediaStream.active !== "undefined")
  300. mediaStream.oninactive = null;
  301. else
  302. mediaStream.onended = null;
  303. }
  304. }
  305. };
  306. module.exports = RTC;