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.

JitsiTrack.js 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419
  1. /* global __filename, module */
  2. var logger = require("jitsi-meet-logger").getLogger(__filename);
  3. var RTCBrowserType = require("./RTCBrowserType");
  4. var RTCUtils = require("./RTCUtils");
  5. import * as JitsiTrackEvents from "../../JitsiTrackEvents";
  6. var EventEmitter = require("events");
  7. var MediaType = require("../../service/RTC/MediaType");
  8. /**
  9. * Maps our handler types to MediaStreamTrack properties.
  10. */
  11. var trackHandler2Prop = {
  12. "track_mute": "onmute",//Not supported on FF
  13. "track_unmute": "onunmute",
  14. "track_ended": "onended"
  15. };
  16. /**
  17. * This implements 'onended' callback normally fired by WebRTC after the stream
  18. * is stopped. There is no such behaviour yet in FF, so we have to add it.
  19. * @param jitsiTrack our track object holding the original WebRTC stream object
  20. * to which 'onended' handling will be added.
  21. */
  22. function implementOnEndedHandling(jitsiTrack) {
  23. var stream = jitsiTrack.getOriginalStream();
  24. if(!stream)
  25. return;
  26. var originalStop = stream.stop;
  27. stream.stop = function () {
  28. originalStop.apply(stream);
  29. if (jitsiTrack.isActive()) {
  30. stream.onended();
  31. }
  32. };
  33. }
  34. /**
  35. * Adds onended/oninactive handler to a MediaStream.
  36. * @param mediaStream a MediaStream to attach onended/oninactive handler
  37. * @param handler the handler
  38. */
  39. function addMediaStreamInactiveHandler(mediaStream, handler) {
  40. // Temasys will use onended
  41. if(typeof mediaStream.active !== "undefined")
  42. mediaStream.oninactive = handler;
  43. else
  44. mediaStream.onended = handler;
  45. }
  46. /**
  47. * Represents a single media track (either audio or video).
  48. * @constructor
  49. * @param rtc the rtc instance
  50. * @param stream the WebRTC MediaStream instance
  51. * @param track the WebRTC MediaStreamTrack instance, must be part of
  52. * the given <tt>stream</tt>.
  53. * @param streamInactiveHandler the function that will handle
  54. * onended/oninactive events of the stream.
  55. * @param trackMediaType the media type of the JitsiTrack
  56. * @param videoType the VideoType for this track if any
  57. * @param ssrc the SSRC of this track if known
  58. */
  59. function JitsiTrack(conference, stream, track, streamInactiveHandler, trackMediaType,
  60. videoType, ssrc)
  61. {
  62. /**
  63. * Array with the HTML elements that are displaying the streams.
  64. * @type {Array}
  65. */
  66. this.containers = [];
  67. this.conference = conference;
  68. this.stream = stream;
  69. this.ssrc = ssrc;
  70. this.eventEmitter = new EventEmitter();
  71. this.audioLevel = -1;
  72. this.type = trackMediaType;
  73. this.track = track;
  74. this.videoType = videoType;
  75. this.handlers = {};
  76. /**
  77. * Indicates whether this JitsiTrack has been disposed. If true, this
  78. * JitsiTrack is to be considered unusable and operations involving it are
  79. * to fail (e.g. {@link JitsiConference#addTrack(JitsiTrack)},
  80. * {@link JitsiConference#removeTrack(JitsiTrack)}).
  81. * @type {boolean}
  82. */
  83. this.disposed = false;
  84. this._setHandler("inactive", streamInactiveHandler);
  85. }
  86. /**
  87. * Sets handler to the WebRTC MediaStream or MediaStreamTrack object depending
  88. * on the passed type.
  89. * @param {string} type the type of the handler that is going to be set
  90. * @param {Function} handler the handler.
  91. */
  92. JitsiTrack.prototype._setHandler = function (type, handler) {
  93. this.handlers[type] = handler;
  94. if(!this.stream)
  95. return;
  96. if(type === "inactive") {
  97. if (RTCBrowserType.isFirefox()) {
  98. implementOnEndedHandling(this);
  99. }
  100. addMediaStreamInactiveHandler(this.stream, handler);
  101. } else if(trackHandler2Prop.hasOwnProperty(type)) {
  102. this.stream.getVideoTracks().forEach(function (track) {
  103. track[trackHandler2Prop[type]] = handler;
  104. }, this);
  105. }
  106. };
  107. /**
  108. * Sets the stream property of JitsiTrack object and sets all stored handlers
  109. * to it.
  110. * @param {MediaStream} stream the new stream.
  111. */
  112. JitsiTrack.prototype._setStream = function (stream) {
  113. this.stream = stream;
  114. Object.keys(this.handlers).forEach(function (type) {
  115. typeof(this.handlers[type]) === "function" &&
  116. this._setHandler(type, this.handlers[type]);
  117. }, this);
  118. };
  119. /**
  120. * Returns the type (audio or video) of this track.
  121. */
  122. JitsiTrack.prototype.getType = function() {
  123. return this.type;
  124. };
  125. /**
  126. * Check if this is audiotrack.
  127. */
  128. JitsiTrack.prototype.isAudioTrack = function () {
  129. return this.getType() === MediaType.AUDIO;
  130. };
  131. /**
  132. * Check if this is videotrack.
  133. */
  134. JitsiTrack.prototype.isVideoTrack = function () {
  135. return this.getType() === MediaType.VIDEO;
  136. };
  137. /**
  138. * Checks whether this is a local track.
  139. * @abstract
  140. * @return {boolean} 'true' if it's a local track or 'false' otherwise.
  141. */
  142. JitsiTrack.prototype.isLocal = function () {
  143. throw new Error("Not implemented by subclass");
  144. };
  145. /**
  146. * Returns the WebRTC MediaStream instance.
  147. */
  148. JitsiTrack.prototype.getOriginalStream = function() {
  149. return this.stream;
  150. };
  151. /**
  152. * Returns the ID of the underlying WebRTC Media Stream(if any)
  153. * @returns {String|null}
  154. */
  155. JitsiTrack.prototype.getStreamId = function () {
  156. return this.stream ? this.stream.id : null;
  157. };
  158. /**
  159. * Return the underlying WebRTC MediaStreamTrack
  160. * @returns {MediaStreamTrack}
  161. */
  162. JitsiTrack.prototype.getTrack = function () {
  163. return this.track;
  164. };
  165. /**
  166. * Returns the ID of the underlying WebRTC MediaStreamTrack(if any)
  167. * @returns {String|null}
  168. */
  169. JitsiTrack.prototype.getTrackId = function () {
  170. return this.track ? this.track.id : null;
  171. };
  172. /**
  173. * Return meaningful usage label for this track depending on it's media and
  174. * eventual video type.
  175. * @returns {string}
  176. */
  177. JitsiTrack.prototype.getUsageLabel = function () {
  178. if (this.isAudioTrack()) {
  179. return "mic";
  180. } else {
  181. return this.videoType ? this.videoType : "default";
  182. }
  183. };
  184. /**
  185. * Eventually will trigger RTCEvents.TRACK_ATTACHED event.
  186. * @param container the video/audio container to which this stream is attached
  187. * and for which event will be fired.
  188. * @private
  189. */
  190. JitsiTrack.prototype._maybeFireTrackAttached = function (container) {
  191. if (this.conference && container) {
  192. this.conference._onTrackAttach(this, container);
  193. }
  194. };
  195. /**
  196. * Attaches the MediaStream of this track to an HTML container.
  197. * Adds the container to the list of containers that are displaying the track.
  198. * Note that Temasys plugin will replace original audio/video element with
  199. * 'object' when stream is being attached to the container for the first time.
  200. *
  201. * * NOTE * if given container element is not visible when the stream is being
  202. * attached it will be shown back given that Temasys plugin is currently in use.
  203. *
  204. * @param container the HTML container which can be 'video' or 'audio' element.
  205. * It can also be 'object' element if Temasys plugin is in use and this
  206. * method has been called previously on video or audio HTML element.
  207. *
  208. * @returns potentially new instance of container if it was replaced by the
  209. * library. That's the case when Temasys plugin is in use.
  210. */
  211. JitsiTrack.prototype.attach = function (container) {
  212. if(this.stream) {
  213. container = RTCUtils.attachMediaStream(container, this.stream);
  214. }
  215. this.containers.push(container);
  216. this._maybeFireTrackAttached(container);
  217. this._attachTTFMTracker(container);
  218. return container;
  219. };
  220. /**
  221. * Removes this JitsiTrack from the passed HTML container.
  222. *
  223. * @param container the HTML container to detach from this JitsiTrack. If
  224. * <tt>null</tt> or <tt>undefined</tt>, all containers are removed. A container
  225. * can be a 'video', 'audio' or 'object' HTML element instance to which this
  226. * JitsiTrack is currently attached.
  227. */
  228. JitsiTrack.prototype.detach = function (container) {
  229. for (var cs = this.containers, i = cs.length - 1; i >= 0; --i) {
  230. var c = cs[i];
  231. if (!container) {
  232. RTCUtils.attachMediaStream(c, null);
  233. }
  234. if (!container || c === container) {
  235. cs.splice(i, 1);
  236. }
  237. }
  238. if (container) {
  239. RTCUtils.attachMediaStream(container, null);
  240. }
  241. };
  242. /**
  243. * Attach time to first media tracker only if there is conference and only
  244. * for the first element.
  245. * @param container the HTML container which can be 'video' or 'audio' element.
  246. * It can also be 'object' element if Temasys plugin is in use and this
  247. * method has been called previously on video or audio HTML element.
  248. * @private
  249. */
  250. // eslint-disable-next-line no-unused-vars
  251. JitsiTrack.prototype._attachTTFMTracker = function (container) {
  252. };
  253. /**
  254. * Removes attached event listeners.
  255. *
  256. * @returns {Promise}
  257. */
  258. JitsiTrack.prototype.dispose = function () {
  259. this.eventEmitter.removeAllListeners();
  260. this.disposed = true;
  261. return Promise.resolve();
  262. };
  263. /**
  264. * Returns true if this is a video track and the source of the video is a
  265. * screen capture as opposed to a camera.
  266. */
  267. JitsiTrack.prototype.isScreenSharing = function() {
  268. };
  269. /**
  270. * FIXME remove hack in SDP.js and this method
  271. * Returns id of the track.
  272. * @returns {string|null} id of the track or null if this is fake track.
  273. */
  274. JitsiTrack.prototype._getId = function () {
  275. return this.getTrackId();
  276. };
  277. /**
  278. * Returns id of the track.
  279. * @returns {string|null} id of the track or null if this is fake track.
  280. */
  281. JitsiTrack.prototype.getId = function () {
  282. if(this.stream)
  283. return RTCUtils.getStreamID(this.stream);
  284. else
  285. return null;
  286. };
  287. /**
  288. * Checks whether the MediaStream is avtive/not ended.
  289. * When there is no check for active we don't have information and so
  290. * will return that stream is active (in case of FF).
  291. * @returns {boolean} whether MediaStream is active.
  292. */
  293. JitsiTrack.prototype.isActive = function () {
  294. if(typeof this.stream.active !== "undefined")
  295. return this.stream.active;
  296. else
  297. return true;
  298. };
  299. /**
  300. * Attaches a handler for events(For example - "audio level changed".).
  301. * All possible event are defined in JitsiTrackEvents.
  302. * @param eventId the event ID.
  303. * @param handler handler for the event.
  304. */
  305. JitsiTrack.prototype.on = function (eventId, handler) {
  306. if(this.eventEmitter)
  307. this.eventEmitter.on(eventId, handler);
  308. };
  309. /**
  310. * Removes event listener
  311. * @param eventId the event ID.
  312. * @param [handler] optional, the specific handler to unbind
  313. */
  314. JitsiTrack.prototype.off = function (eventId, handler) {
  315. if(this.eventEmitter)
  316. this.eventEmitter.removeListener(eventId, handler);
  317. };
  318. // Common aliases for event emitter
  319. JitsiTrack.prototype.addEventListener = JitsiTrack.prototype.on;
  320. JitsiTrack.prototype.removeEventListener = JitsiTrack.prototype.off;
  321. /**
  322. * Sets the audio level for the stream
  323. * @param audioLevel the new audio level
  324. */
  325. JitsiTrack.prototype.setAudioLevel = function (audioLevel) {
  326. if(this.audioLevel !== audioLevel) {
  327. this.eventEmitter.emit(JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED,
  328. audioLevel);
  329. this.audioLevel = audioLevel;
  330. }
  331. };
  332. /**
  333. * Returns the msid of the stream attached to the JitsiTrack object or null if
  334. * no stream is attached.
  335. */
  336. JitsiTrack.prototype.getMSID = function () {
  337. var streamId = this.getStreamId();
  338. var trackId = this.getTrackId();
  339. return (streamId && trackId) ? (streamId + " " + trackId) : null;
  340. };
  341. /**
  342. * Sets new audio output device for track's DOM elements. Video tracks are
  343. * ignored.
  344. * @param {string} audioOutputDeviceId - id of 'audiooutput' device from
  345. * navigator.mediaDevices.enumerateDevices(), '' for default device
  346. * @emits JitsiTrackEvents.TRACK_AUDIO_OUTPUT_CHANGED
  347. * @returns {Promise}
  348. */
  349. JitsiTrack.prototype.setAudioOutput = function (audioOutputDeviceId) {
  350. var self = this;
  351. if (!RTCUtils.isDeviceChangeAvailable('output')) {
  352. return Promise.reject(
  353. new Error('Audio output device change is not supported'));
  354. }
  355. // All audio communication is done through audio tracks, so ignore changing
  356. // audio output for video tracks at all.
  357. if (this.isVideoTrack()) {
  358. return Promise.resolve();
  359. }
  360. return Promise.all(this.containers.map(function(element) {
  361. return element.setSinkId(audioOutputDeviceId)
  362. .catch(function (error) {
  363. logger.warn(
  364. 'Failed to change audio output device on element. Default' +
  365. ' or previously set audio output device will be used.',
  366. element, error);
  367. throw error;
  368. });
  369. }))
  370. .then(function () {
  371. self.eventEmitter.emit(JitsiTrackEvents.TRACK_AUDIO_OUTPUT_CHANGED,
  372. audioOutputDeviceId);
  373. });
  374. };
  375. module.exports = JitsiTrack;