diff --git a/public/bimBaseProgressModel.html b/public/bimBaseProgressModel.html index 808bc964..de4633a9 100644 --- a/public/bimBaseProgressModel.html +++ b/public/bimBaseProgressModel.html @@ -34,8 +34,11 @@ let configValue = { viewToken: "", urn: "", - bimComponent: [], + hideArr: [], + colorArr: [], }; + let firstEnter = 0; + let dealArr = []; async function main() { // 创建实例需要传入的参数，部署环境serviceConfig 和 用户有效期getAccessToken const applicationOptions = { @@ -67,7 +70,59 @@ obvDocument: obvDocument, viewer3dItem: viewer3dItems[0], }); - // 设置监听事件 + // 监听模型树加载完成，可以查询模型树（getObjectTree） + obvApi.addEventListener( + OBV.ViewerEventTypes.V3dModelTreeLoadedEvent, + (event) => { + console.log("V3dModelTreeLoadedEvent", event); + + // 设置监听事件(主要用于模型树隐藏) + obvApi.addEventListener( + OBV.ViewerEventTypes.V3dHideEvent, + (event) => { + console.log(event); + // obvApi + // .getObjectTree(event.nodeIdArray[0].modelId) + // .then(async (modelTreeData) => { + // console.log(JSON.parse(JSON.stringify(modelTreeData))); + // let responseData = JSON.parse(JSON.stringify(modelTreeData)) + // dealArr.push({modelId: responseData.modelId, dbId: responseData.rootId}) + // await dealArrData(responseData.root.children); + // // 往父级传递 + // window.parent.postMessage({ msg: dealArr, tip: 'hidden' }); + // }); + // 往父级传递 + window.parent.postMessage({ + msg: event.nodeIdArray, + tip: "hidden", + }); + } + ); + // 设置监听事件(主要用于模型树显示) + obvApi.addEventListener( + OBV.ViewerEventTypes.V3dShowEvent, + (event) => { + console.log(event); + // obvApi + // .getObjectTree(event.nodeIdArray[0].modelId) + // .then(async (modelTreeData) => { + // console.log(JSON.parse(JSON.stringify(modelTreeData))); + // let responseData = JSON.parse(JSON.stringify(modelTreeData)) + // dealArr.push({dbId: responseData.rootId}) + // await dealArrData(responseData.root.children); + // // 往父级传递 + // window.parent.postMessage({ msg: dealArr, tip: 'hidden' }); + // }); + // 往父级传递 + window.parent.postMessage({ + msg: event.nodeIdArray, + tip: "show", + }); + } + ); + } + ); + // 设置监听事件(构件选择) obvApi.addEventListener( OBV.ViewerEventTypes.V3dSelectionChangedEvent, (event) => { @@ -76,33 +131,60 @@ window.parent.postMessage({ msg: event.nodeIdArray }); } ); - // 监听相机改变 obvApi.addEventListener( OBV.ViewerEventTypes.V3dCameraChangeEvent, (event) => { console.log("V3dCameraChangeEvent", event); - // 操作模型 - renderConfigModel(obvApi); + if (firstEnter == 0) { + // 首次进入才操作模型 + // 操作模型 + renderConfigModel(obvApi); + } } ); } + // 处理数据 + function dealArrData(arr) { + arr.map((item) => { + if (item.children && item.children.length > 0) { + dealArrData(item.children); + } + dealArr.push({ dbId: item.dbId }); + }); + } function renderConfigModel(obvApi) { console.log(obvApi); - console.log(configValue.bimComponent); + console.log(configValue.hideArr); + ++firstEnter; // 避免多次调用 + // 隐藏构件 + if (configValue.hideArr.length > 0) { + obvApi.hide(configValue.hideArr); + } + // else { + // obvApi.showAll(); + // } // 构件着色 - if (configValue.bimComponent.length > 0) { - // 构件着色 - configValue.bimComponent.map((item) => { - if(item.modelId){ + if (configValue.colorArr.length > 0) { + configValue.colorArr.map((item) => { + if (item.modelId) { + let firstIndex = item.color.indexOf(","); + let secondIndex = item.color.indexOf(",", firstIndex + 1); + let thirdIndex = item.color.indexOf(")", -1); // 构件着色 - obvApi.setObjectsColor([item], 51, 122, 183, 1); + obvApi.setObjectsColor( + [item], + item.color.substring(4, firstIndex), + item.color.substring(firstIndex + 2, secondIndex), + item.color.substring(secondIndex + 2, thirdIndex), + 1 + ); } }); - // obvApi.setObjectsColor(configValue.bimComponent, 51, 122, 183, 1); - } else { - obvApi.restoreObjectsColor(); } + // else { + // obvApi.restoreObjectsColor(); + // } } // 访问的令牌 getAccessToken 和 令牌有效期 expiresIn function getAccessToken(callBack) { @@ -113,7 +195,9 @@ window.addEventListener("message", async function(e) { // const modelId = e.data.modelId const data = e.data || {}; - console.log(data); + console.log(data.token); + console.log(data.urn); + firstEnter = 0; if (data.token && data.urn) { configValue.viewToken = data.token; configValue.urn = data.urn; @@ -121,10 +205,9 @@ document.getElementById("viewer").innerHTML = ""; // 调用main函数进行代码的实现 main(); - if (data.bimComponent) { - configValue.bimComponent = data.bimComponent; - } else { - configValue.bimComponent = []; + if (data.hideArr && data.colorArr) { + configValue.hideArr = data.hideArr; + configValue.colorArr = data.colorArr; } } }); diff --git a/public/lib/adapter.min.js b/public/lib/adapter.min.js new file mode 100644 index 00000000..f766aa61 --- /dev/null +++ b/public/lib/adapter.min.js @@ -0,0 +1,3514 @@ +(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.adapter = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i 0 && arguments[0] !== undefined ? arguments[0] : {}, + window = _ref.window; + + var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { + shimChrome: true, + shimFirefox: true, + shimSafari: true + }; + + // Utils. + var logging = utils.log; + var browserDetails = utils.detectBrowser(window); + + var adapter = { + browserDetails: browserDetails, + commonShim: commonShim, + extractVersion: utils.extractVersion, + disableLog: utils.disableLog, + disableWarnings: utils.disableWarnings, + // Expose sdp as a convenience. For production apps include directly. + sdp: sdp + }; + + // Shim browser if found. + switch (browserDetails.browser) { + case 'chrome': + if (!chromeShim || !chromeShim.shimPeerConnection || !options.shimChrome) { + logging('Chrome shim is not included in this adapter release.'); + return adapter; + } + if (browserDetails.version === null) { + logging('Chrome shim can not determine version, not shimming.'); + return adapter; + } + logging('adapter.js shimming chrome.'); + // Export to the adapter global object visible in the browser. + adapter.browserShim = chromeShim; + + // Must be called before shimPeerConnection. + commonShim.shimAddIceCandidateNullOrEmpty(window, browserDetails); + commonShim.shimParameterlessSetLocalDescription(window, browserDetails); + + chromeShim.shimGetUserMedia(window, browserDetails); + chromeShim.shimMediaStream(window, browserDetails); + chromeShim.shimPeerConnection(window, browserDetails); + chromeShim.shimOnTrack(window, browserDetails); + chromeShim.shimAddTrackRemoveTrack(window, browserDetails); + chromeShim.shimGetSendersWithDtmf(window, browserDetails); + chromeShim.shimGetStats(window, browserDetails); + chromeShim.shimSenderReceiverGetStats(window, browserDetails); + chromeShim.fixNegotiationNeeded(window, browserDetails); + + commonShim.shimRTCIceCandidate(window, browserDetails); + commonShim.shimRTCIceCandidateRelayProtocol(window, browserDetails); + commonShim.shimConnectionState(window, browserDetails); + commonShim.shimMaxMessageSize(window, browserDetails); + commonShim.shimSendThrowTypeError(window, browserDetails); + commonShim.removeExtmapAllowMixed(window, browserDetails); + break; + case 'firefox': + if (!firefoxShim || !firefoxShim.shimPeerConnection || !options.shimFirefox) { + logging('Firefox shim is not included in this adapter release.'); + return adapter; + } + logging('adapter.js shimming firefox.'); + // Export to the adapter global object visible in the browser. + adapter.browserShim = firefoxShim; + + // Must be called before shimPeerConnection. + commonShim.shimAddIceCandidateNullOrEmpty(window, browserDetails); + commonShim.shimParameterlessSetLocalDescription(window, browserDetails); + + firefoxShim.shimGetUserMedia(window, browserDetails); + firefoxShim.shimPeerConnection(window, browserDetails); + firefoxShim.shimOnTrack(window, browserDetails); + firefoxShim.shimRemoveStream(window, browserDetails); + firefoxShim.shimSenderGetStats(window, browserDetails); + firefoxShim.shimReceiverGetStats(window, browserDetails); + firefoxShim.shimRTCDataChannel(window, browserDetails); + firefoxShim.shimAddTransceiver(window, browserDetails); + firefoxShim.shimGetParameters(window, browserDetails); + firefoxShim.shimCreateOffer(window, browserDetails); + firefoxShim.shimCreateAnswer(window, browserDetails); + + commonShim.shimRTCIceCandidate(window, browserDetails); + commonShim.shimConnectionState(window, browserDetails); + commonShim.shimMaxMessageSize(window, browserDetails); + commonShim.shimSendThrowTypeError(window, browserDetails); + break; + case 'safari': + if (!safariShim || !options.shimSafari) { + logging('Safari shim is not included in this adapter release.'); + return adapter; + } + logging('adapter.js shimming safari.'); + // Export to the adapter global object visible in the browser. + adapter.browserShim = safariShim; + + // Must be called before shimCallbackAPI. + commonShim.shimAddIceCandidateNullOrEmpty(window, browserDetails); + commonShim.shimParameterlessSetLocalDescription(window, browserDetails); + + safariShim.shimRTCIceServerUrls(window, browserDetails); + safariShim.shimCreateOfferLegacy(window, browserDetails); + safariShim.shimCallbacksAPI(window, browserDetails); + safariShim.shimLocalStreamsAPI(window, browserDetails); + safariShim.shimRemoteStreamsAPI(window, browserDetails); + safariShim.shimTrackEventTransceiver(window, browserDetails); + safariShim.shimGetUserMedia(window, browserDetails); + safariShim.shimAudioContext(window, browserDetails); + + commonShim.shimRTCIceCandidate(window, browserDetails); + commonShim.shimRTCIceCandidateRelayProtocol(window, browserDetails); + commonShim.shimMaxMessageSize(window, browserDetails); + commonShim.shimSendThrowTypeError(window, browserDetails); + commonShim.removeExtmapAllowMixed(window, browserDetails); + break; + default: + logging('Unsupported browser!'); + break; + } + + return adapter; +} + +// Browser shims. + +},{"./chrome/chrome_shim":3,"./common_shim":6,"./firefox/firefox_shim":7,"./safari/safari_shim":10,"./utils":11,"sdp":12}],3:[function(require,module,exports){ +/* + * Copyright (c) 2016 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.shimGetDisplayMedia = exports.shimGetUserMedia = undefined; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +var _getusermedia = require('./getusermedia'); + +Object.defineProperty(exports, 'shimGetUserMedia', { + enumerable: true, + get: function get() { + return _getusermedia.shimGetUserMedia; + } +}); + +var _getdisplaymedia = require('./getdisplaymedia'); + +Object.defineProperty(exports, 'shimGetDisplayMedia', { + enumerable: true, + get: function get() { + return _getdisplaymedia.shimGetDisplayMedia; + } +}); +exports.shimMediaStream = shimMediaStream; +exports.shimOnTrack = shimOnTrack; +exports.shimGetSendersWithDtmf = shimGetSendersWithDtmf; +exports.shimGetStats = shimGetStats; +exports.shimSenderReceiverGetStats = shimSenderReceiverGetStats; +exports.shimAddTrackRemoveTrackWithNative = shimAddTrackRemoveTrackWithNative; +exports.shimAddTrackRemoveTrack = shimAddTrackRemoveTrack; +exports.shimPeerConnection = shimPeerConnection; +exports.fixNegotiationNeeded = fixNegotiationNeeded; + +var _utils = require('../utils.js'); + +var utils = _interopRequireWildcard(_utils); + +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +function shimMediaStream(window) { + window.MediaStream = window.MediaStream || window.webkitMediaStream; +} + +function shimOnTrack(window) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection && !('ontrack' in window.RTCPeerConnection.prototype)) { + Object.defineProperty(window.RTCPeerConnection.prototype, 'ontrack', { + get: function get() { + return this._ontrack; + }, + set: function set(f) { + if (this._ontrack) { + this.removeEventListener('track', this._ontrack); + } + this.addEventListener('track', this._ontrack = f); + }, + + enumerable: true, + configurable: true + }); + var origSetRemoteDescription = window.RTCPeerConnection.prototype.setRemoteDescription; + window.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() { + var _this = this; + + if (!this._ontrackpoly) { + this._ontrackpoly = function (e) { + // onaddstream does not fire when a track is added to an existing + // stream. But stream.onaddtrack is implemented so we use that. + e.stream.addEventListener('addtrack', function (te) { + var receiver = void 0; + if (window.RTCPeerConnection.prototype.getReceivers) { + receiver = _this.getReceivers().find(function (r) { + return r.track && r.track.id === te.track.id; + }); + } else { + receiver = { track: te.track }; + } + + var event = new Event('track'); + event.track = te.track; + event.receiver = receiver; + event.transceiver = { receiver: receiver }; + event.streams = [e.stream]; + _this.dispatchEvent(event); + }); + e.stream.getTracks().forEach(function (track) { + var receiver = void 0; + if (window.RTCPeerConnection.prototype.getReceivers) { + receiver = _this.getReceivers().find(function (r) { + return r.track && r.track.id === track.id; + }); + } else { + receiver = { track: track }; + } + var event = new Event('track'); + event.track = track; + event.receiver = receiver; + event.transceiver = { receiver: receiver }; + event.streams = [e.stream]; + _this.dispatchEvent(event); + }); + }; + this.addEventListener('addstream', this._ontrackpoly); + } + return origSetRemoteDescription.apply(this, arguments); + }; + } else { + // even if RTCRtpTransceiver is in window, it is only used and + // emitted in unified-plan. Unfortunately this means we need + // to unconditionally wrap the event. + utils.wrapPeerConnectionEvent(window, 'track', function (e) { + if (!e.transceiver) { + Object.defineProperty(e, 'transceiver', { value: { receiver: e.receiver } }); + } + return e; + }); + } +} + +function shimGetSendersWithDtmf(window) { + // Overrides addTrack/removeTrack, depends on shimAddTrackRemoveTrack. + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection && !('getSenders' in window.RTCPeerConnection.prototype) && 'createDTMFSender' in window.RTCPeerConnection.prototype) { + var shimSenderWithDtmf = function shimSenderWithDtmf(pc, track) { + return { + track: track, + get dtmf() { + if (this._dtmf === undefined) { + if (track.kind === 'audio') { + this._dtmf = pc.createDTMFSender(track); + } else { + this._dtmf = null; + } + } + return this._dtmf; + }, + _pc: pc + }; + }; + + // augment addTrack when getSenders is not available. + if (!window.RTCPeerConnection.prototype.getSenders) { + window.RTCPeerConnection.prototype.getSenders = function getSenders() { + this._senders = this._senders || []; + return this._senders.slice(); // return a copy of the internal state. + }; + var origAddTrack = window.RTCPeerConnection.prototype.addTrack; + window.RTCPeerConnection.prototype.addTrack = function addTrack(track, stream) { + var sender = origAddTrack.apply(this, arguments); + if (!sender) { + sender = shimSenderWithDtmf(this, track); + this._senders.push(sender); + } + return sender; + }; + + var origRemoveTrack = window.RTCPeerConnection.prototype.removeTrack; + window.RTCPeerConnection.prototype.removeTrack = function removeTrack(sender) { + origRemoveTrack.apply(this, arguments); + var idx = this._senders.indexOf(sender); + if (idx !== -1) { + this._senders.splice(idx, 1); + } + }; + } + var origAddStream = window.RTCPeerConnection.prototype.addStream; + window.RTCPeerConnection.prototype.addStream = function addStream(stream) { + var _this2 = this; + + this._senders = this._senders || []; + origAddStream.apply(this, [stream]); + stream.getTracks().forEach(function (track) { + _this2._senders.push(shimSenderWithDtmf(_this2, track)); + }); + }; + + var origRemoveStream = window.RTCPeerConnection.prototype.removeStream; + window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) { + var _this3 = this; + + this._senders = this._senders || []; + origRemoveStream.apply(this, [stream]); + + stream.getTracks().forEach(function (track) { + var sender = _this3._senders.find(function (s) { + return s.track === track; + }); + if (sender) { + // remove sender + _this3._senders.splice(_this3._senders.indexOf(sender), 1); + } + }); + }; + } else if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection && 'getSenders' in window.RTCPeerConnection.prototype && 'createDTMFSender' in window.RTCPeerConnection.prototype && window.RTCRtpSender && !('dtmf' in window.RTCRtpSender.prototype)) { + var origGetSenders = window.RTCPeerConnection.prototype.getSenders; + window.RTCPeerConnection.prototype.getSenders = function getSenders() { + var _this4 = this; + + var senders = origGetSenders.apply(this, []); + senders.forEach(function (sender) { + return sender._pc = _this4; + }); + return senders; + }; + + Object.defineProperty(window.RTCRtpSender.prototype, 'dtmf', { + get: function get() { + if (this._dtmf === undefined) { + if (this.track.kind === 'audio') { + this._dtmf = this._pc.createDTMFSender(this.track); + } else { + this._dtmf = null; + } + } + return this._dtmf; + } + }); + } +} + +function shimGetStats(window) { + if (!window.RTCPeerConnection) { + return; + } + + var origGetStats = window.RTCPeerConnection.prototype.getStats; + window.RTCPeerConnection.prototype.getStats = function getStats() { + var _this5 = this; + + var _arguments = Array.prototype.slice.call(arguments), + selector = _arguments[0], + onSucc = _arguments[1], + onErr = _arguments[2]; + + // If selector is a function then we are in the old style stats so just + // pass back the original getStats format to avoid breaking old users. + + + if (arguments.length > 0 && typeof selector === 'function') { + return origGetStats.apply(this, arguments); + } + + // When spec-style getStats is supported, return those when called with + // either no arguments or the selector argument is null. + if (origGetStats.length === 0 && (arguments.length === 0 || typeof selector !== 'function')) { + return origGetStats.apply(this, []); + } + + var fixChromeStats_ = function fixChromeStats_(response) { + var standardReport = {}; + var reports = response.result(); + reports.forEach(function (report) { + var standardStats = { + id: report.id, + timestamp: report.timestamp, + type: { + localcandidate: 'local-candidate', + remotecandidate: 'remote-candidate' + }[report.type] || report.type + }; + report.names().forEach(function (name) { + standardStats[name] = report.stat(name); + }); + standardReport[standardStats.id] = standardStats; + }); + + return standardReport; + }; + + // shim getStats with maplike support + var makeMapStats = function makeMapStats(stats) { + return new Map(Object.keys(stats).map(function (key) { + return [key, stats[key]]; + })); + }; + + if (arguments.length >= 2) { + var successCallbackWrapper_ = function successCallbackWrapper_(response) { + onSucc(makeMapStats(fixChromeStats_(response))); + }; + + return origGetStats.apply(this, [successCallbackWrapper_, selector]); + } + + // promise-support + return new Promise(function (resolve, reject) { + origGetStats.apply(_this5, [function (response) { + resolve(makeMapStats(fixChromeStats_(response))); + }, reject]); + }).then(onSucc, onErr); + }; +} + +function shimSenderReceiverGetStats(window) { + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection && window.RTCRtpSender && window.RTCRtpReceiver)) { + return; + } + + // shim sender stats. + if (!('getStats' in window.RTCRtpSender.prototype)) { + var origGetSenders = window.RTCPeerConnection.prototype.getSenders; + if (origGetSenders) { + window.RTCPeerConnection.prototype.getSenders = function getSenders() { + var _this6 = this; + + var senders = origGetSenders.apply(this, []); + senders.forEach(function (sender) { + return sender._pc = _this6; + }); + return senders; + }; + } + + var origAddTrack = window.RTCPeerConnection.prototype.addTrack; + if (origAddTrack) { + window.RTCPeerConnection.prototype.addTrack = function addTrack() { + var sender = origAddTrack.apply(this, arguments); + sender._pc = this; + return sender; + }; + } + window.RTCRtpSender.prototype.getStats = function getStats() { + var sender = this; + return this._pc.getStats().then(function (result) { + return ( + /* Note: this will include stats of all senders that + * send a track with the same id as sender.track as + * it is not possible to identify the RTCRtpSender. + */ + utils.filterStats(result, sender.track, true) + ); + }); + }; + } + + // shim receiver stats. + if (!('getStats' in window.RTCRtpReceiver.prototype)) { + var origGetReceivers = window.RTCPeerConnection.prototype.getReceivers; + if (origGetReceivers) { + window.RTCPeerConnection.prototype.getReceivers = function getReceivers() { + var _this7 = this; + + var receivers = origGetReceivers.apply(this, []); + receivers.forEach(function (receiver) { + return receiver._pc = _this7; + }); + return receivers; + }; + } + utils.wrapPeerConnectionEvent(window, 'track', function (e) { + e.receiver._pc = e.srcElement; + return e; + }); + window.RTCRtpReceiver.prototype.getStats = function getStats() { + var receiver = this; + return this._pc.getStats().then(function (result) { + return utils.filterStats(result, receiver.track, false); + }); + }; + } + + if (!('getStats' in window.RTCRtpSender.prototype && 'getStats' in window.RTCRtpReceiver.prototype)) { + return; + } + + // shim RTCPeerConnection.getStats(track). + var origGetStats = window.RTCPeerConnection.prototype.getStats; + window.RTCPeerConnection.prototype.getStats = function getStats() { + if (arguments.length > 0 && arguments[0] instanceof window.MediaStreamTrack) { + var track = arguments[0]; + var sender = void 0; + var receiver = void 0; + var err = void 0; + this.getSenders().forEach(function (s) { + if (s.track === track) { + if (sender) { + err = true; + } else { + sender = s; + } + } + }); + this.getReceivers().forEach(function (r) { + if (r.track === track) { + if (receiver) { + err = true; + } else { + receiver = r; + } + } + return r.track === track; + }); + if (err || sender && receiver) { + return Promise.reject(new DOMException('There are more than one sender or receiver for the track.', 'InvalidAccessError')); + } else if (sender) { + return sender.getStats(); + } else if (receiver) { + return receiver.getStats(); + } + return Promise.reject(new DOMException('There is no sender or receiver for the track.', 'InvalidAccessError')); + } + return origGetStats.apply(this, arguments); + }; +} + +function shimAddTrackRemoveTrackWithNative(window) { + // shim addTrack/removeTrack with native variants in order to make + // the interactions with legacy getLocalStreams behave as in other browsers. + // Keeps a mapping stream.id => [stream, rtpsenders...] + window.RTCPeerConnection.prototype.getLocalStreams = function getLocalStreams() { + var _this8 = this; + + this._shimmedLocalStreams = this._shimmedLocalStreams || {}; + return Object.keys(this._shimmedLocalStreams).map(function (streamId) { + return _this8._shimmedLocalStreams[streamId][0]; + }); + }; + + var origAddTrack = window.RTCPeerConnection.prototype.addTrack; + window.RTCPeerConnection.prototype.addTrack = function addTrack(track, stream) { + if (!stream) { + return origAddTrack.apply(this, arguments); + } + this._shimmedLocalStreams = this._shimmedLocalStreams || {}; + + var sender = origAddTrack.apply(this, arguments); + if (!this._shimmedLocalStreams[stream.id]) { + this._shimmedLocalStreams[stream.id] = [stream, sender]; + } else if (this._shimmedLocalStreams[stream.id].indexOf(sender) === -1) { + this._shimmedLocalStreams[stream.id].push(sender); + } + return sender; + }; + + var origAddStream = window.RTCPeerConnection.prototype.addStream; + window.RTCPeerConnection.prototype.addStream = function addStream(stream) { + var _this9 = this; + + this._shimmedLocalStreams = this._shimmedLocalStreams || {}; + + stream.getTracks().forEach(function (track) { + var alreadyExists = _this9.getSenders().find(function (s) { + return s.track === track; + }); + if (alreadyExists) { + throw new DOMException('Track already exists.', 'InvalidAccessError'); + } + }); + var existingSenders = this.getSenders(); + origAddStream.apply(this, arguments); + var newSenders = this.getSenders().filter(function (newSender) { + return existingSenders.indexOf(newSender) === -1; + }); + this._shimmedLocalStreams[stream.id] = [stream].concat(newSenders); + }; + + var origRemoveStream = window.RTCPeerConnection.prototype.removeStream; + window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) { + this._shimmedLocalStreams = this._shimmedLocalStreams || {}; + delete this._shimmedLocalStreams[stream.id]; + return origRemoveStream.apply(this, arguments); + }; + + var origRemoveTrack = window.RTCPeerConnection.prototype.removeTrack; + window.RTCPeerConnection.prototype.removeTrack = function removeTrack(sender) { + var _this10 = this; + + this._shimmedLocalStreams = this._shimmedLocalStreams || {}; + if (sender) { + Object.keys(this._shimmedLocalStreams).forEach(function (streamId) { + var idx = _this10._shimmedLocalStreams[streamId].indexOf(sender); + if (idx !== -1) { + _this10._shimmedLocalStreams[streamId].splice(idx, 1); + } + if (_this10._shimmedLocalStreams[streamId].length === 1) { + delete _this10._shimmedLocalStreams[streamId]; + } + }); + } + return origRemoveTrack.apply(this, arguments); + }; +} + +function shimAddTrackRemoveTrack(window, browserDetails) { + if (!window.RTCPeerConnection) { + return; + } + // shim addTrack and removeTrack. + if (window.RTCPeerConnection.prototype.addTrack && browserDetails.version >= 65) { + return shimAddTrackRemoveTrackWithNative(window); + } + + // also shim pc.getLocalStreams when addTrack is shimmed + // to return the original streams. + var origGetLocalStreams = window.RTCPeerConnection.prototype.getLocalStreams; + window.RTCPeerConnection.prototype.getLocalStreams = function getLocalStreams() { + var _this11 = this; + + var nativeStreams = origGetLocalStreams.apply(this); + this._reverseStreams = this._reverseStreams || {}; + return nativeStreams.map(function (stream) { + return _this11._reverseStreams[stream.id]; + }); + }; + + var origAddStream = window.RTCPeerConnection.prototype.addStream; + window.RTCPeerConnection.prototype.addStream = function addStream(stream) { + var _this12 = this; + + this._streams = this._streams || {}; + this._reverseStreams = this._reverseStreams || {}; + + stream.getTracks().forEach(function (track) { + var alreadyExists = _this12.getSenders().find(function (s) { + return s.track === track; + }); + if (alreadyExists) { + throw new DOMException('Track already exists.', 'InvalidAccessError'); + } + }); + // Add identity mapping for consistency with addTrack. + // Unless this is being used with a stream from addTrack. + if (!this._reverseStreams[stream.id]) { + var newStream = new window.MediaStream(stream.getTracks()); + this._streams[stream.id] = newStream; + this._reverseStreams[newStream.id] = stream; + stream = newStream; + } + origAddStream.apply(this, [stream]); + }; + + var origRemoveStream = window.RTCPeerConnection.prototype.removeStream; + window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) { + this._streams = this._streams || {}; + this._reverseStreams = this._reverseStreams || {}; + + origRemoveStream.apply(this, [this._streams[stream.id] || stream]); + delete this._reverseStreams[this._streams[stream.id] ? this._streams[stream.id].id : stream.id]; + delete this._streams[stream.id]; + }; + + window.RTCPeerConnection.prototype.addTrack = function addTrack(track, stream) { + var _this13 = this; + + if (this.signalingState === 'closed') { + throw new DOMException('The RTCPeerConnection\'s signalingState is \'closed\'.', 'InvalidStateError'); + } + var streams = [].slice.call(arguments, 1); + if (streams.length !== 1 || !streams[0].getTracks().find(function (t) { + return t === track; + })) { + // this is not fully correct but all we can manage without + // [[associated MediaStreams]] internal slot. + throw new DOMException('The adapter.js addTrack polyfill only supports a single ' + ' stream which is associated with the specified track.', 'NotSupportedError'); + } + + var alreadyExists = this.getSenders().find(function (s) { + return s.track === track; + }); + if (alreadyExists) { + throw new DOMException('Track already exists.', 'InvalidAccessError'); + } + + this._streams = this._streams || {}; + this._reverseStreams = this._reverseStreams || {}; + var oldStream = this._streams[stream.id]; + if (oldStream) { + // this is using odd Chrome behaviour, use with caution: + // https://bugs.chromium.org/p/webrtc/issues/detail?id=7815 + // Note: we rely on the high-level addTrack/dtmf shim to + // create the sender with a dtmf sender. + oldStream.addTrack(track); + + // Trigger ONN async. + Promise.resolve().then(function () { + _this13.dispatchEvent(new Event('negotiationneeded')); + }); + } else { + var newStream = new window.MediaStream([track]); + this._streams[stream.id] = newStream; + this._reverseStreams[newStream.id] = stream; + this.addStream(newStream); + } + return this.getSenders().find(function (s) { + return s.track === track; + }); + }; + + // replace the internal stream id with the external one and + // vice versa. + function replaceInternalStreamId(pc, description) { + var sdp = description.sdp; + Object.keys(pc._reverseStreams || []).forEach(function (internalId) { + var externalStream = pc._reverseStreams[internalId]; + var internalStream = pc._streams[externalStream.id]; + sdp = sdp.replace(new RegExp(internalStream.id, 'g'), externalStream.id); + }); + return new RTCSessionDescription({ + type: description.type, + sdp: sdp + }); + } + function replaceExternalStreamId(pc, description) { + var sdp = description.sdp; + Object.keys(pc._reverseStreams || []).forEach(function (internalId) { + var externalStream = pc._reverseStreams[internalId]; + var internalStream = pc._streams[externalStream.id]; + sdp = sdp.replace(new RegExp(externalStream.id, 'g'), internalStream.id); + }); + return new RTCSessionDescription({ + type: description.type, + sdp: sdp + }); + } + ['createOffer', 'createAnswer'].forEach(function (method) { + var nativeMethod = window.RTCPeerConnection.prototype[method]; + var methodObj = _defineProperty({}, method, function () { + var _this14 = this; + + var args = arguments; + var isLegacyCall = arguments.length && typeof arguments[0] === 'function'; + if (isLegacyCall) { + return nativeMethod.apply(this, [function (description) { + var desc = replaceInternalStreamId(_this14, description); + args[0].apply(null, [desc]); + }, function (err) { + if (args[1]) { + args[1].apply(null, err); + } + }, arguments[2]]); + } + return nativeMethod.apply(this, arguments).then(function (description) { + return replaceInternalStreamId(_this14, description); + }); + }); + window.RTCPeerConnection.prototype[method] = methodObj[method]; + }); + + var origSetLocalDescription = window.RTCPeerConnection.prototype.setLocalDescription; + window.RTCPeerConnection.prototype.setLocalDescription = function setLocalDescription() { + if (!arguments.length || !arguments[0].type) { + return origSetLocalDescription.apply(this, arguments); + } + arguments[0] = replaceExternalStreamId(this, arguments[0]); + return origSetLocalDescription.apply(this, arguments); + }; + + // TODO: mangle getStats: https://w3c.github.io/webrtc-stats/#dom-rtcmediastreamstats-streamidentifier + + var origLocalDescription = Object.getOwnPropertyDescriptor(window.RTCPeerConnection.prototype, 'localDescription'); + Object.defineProperty(window.RTCPeerConnection.prototype, 'localDescription', { + get: function get() { + var description = origLocalDescription.get.apply(this); + if (description.type === '') { + return description; + } + return replaceInternalStreamId(this, description); + } + }); + + window.RTCPeerConnection.prototype.removeTrack = function removeTrack(sender) { + var _this15 = this; + + if (this.signalingState === 'closed') { + throw new DOMException('The RTCPeerConnection\'s signalingState is \'closed\'.', 'InvalidStateError'); + } + // We can not yet check for sender instanceof RTCRtpSender + // since we shim RTPSender. So we check if sender._pc is set. + if (!sender._pc) { + throw new DOMException('Argument 1 of RTCPeerConnection.removeTrack ' + 'does not implement interface RTCRtpSender.', 'TypeError'); + } + var isLocal = sender._pc === this; + if (!isLocal) { + throw new DOMException('Sender was not created by this connection.', 'InvalidAccessError'); + } + + // Search for the native stream the senders track belongs to. + this._streams = this._streams || {}; + var stream = void 0; + Object.keys(this._streams).forEach(function (streamid) { + var hasTrack = _this15._streams[streamid].getTracks().find(function (track) { + return sender.track === track; + }); + if (hasTrack) { + stream = _this15._streams[streamid]; + } + }); + + if (stream) { + if (stream.getTracks().length === 1) { + // if this is the last track of the stream, remove the stream. This + // takes care of any shimmed _senders. + this.removeStream(this._reverseStreams[stream.id]); + } else { + // relying on the same odd chrome behaviour as above. + stream.removeTrack(sender.track); + } + this.dispatchEvent(new Event('negotiationneeded')); + } + }; +} + +function shimPeerConnection(window, browserDetails) { + if (!window.RTCPeerConnection && window.webkitRTCPeerConnection) { + // very basic support for old versions. + window.RTCPeerConnection = window.webkitRTCPeerConnection; + } + if (!window.RTCPeerConnection) { + return; + } + + // shim implicit creation of RTCSessionDescription/RTCIceCandidate + if (browserDetails.version < 53) { + ['setLocalDescription', 'setRemoteDescription', 'addIceCandidate'].forEach(function (method) { + var nativeMethod = window.RTCPeerConnection.prototype[method]; + var methodObj = _defineProperty({}, method, function () { + arguments[0] = new (method === 'addIceCandidate' ? window.RTCIceCandidate : window.RTCSessionDescription)(arguments[0]); + return nativeMethod.apply(this, arguments); + }); + window.RTCPeerConnection.prototype[method] = methodObj[method]; + }); + } +} + +// Attempt to fix ONN in plan-b mode. +function fixNegotiationNeeded(window, browserDetails) { + utils.wrapPeerConnectionEvent(window, 'negotiationneeded', function (e) { + var pc = e.target; + if (browserDetails.version < 72 || pc.getConfiguration && pc.getConfiguration().sdpSemantics === 'plan-b') { + if (pc.signalingState !== 'stable') { + return; + } + } + return e; + }); +} + +},{"../utils.js":11,"./getdisplaymedia":4,"./getusermedia":5}],4:[function(require,module,exports){ +/* + * Copyright (c) 2018 The adapter.js project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.shimGetDisplayMedia = shimGetDisplayMedia; +function shimGetDisplayMedia(window, getSourceId) { + if (window.navigator.mediaDevices && 'getDisplayMedia' in window.navigator.mediaDevices) { + return; + } + if (!window.navigator.mediaDevices) { + return; + } + // getSourceId is a function that returns a promise resolving with + // the sourceId of the screen/window/tab to be shared. + if (typeof getSourceId !== 'function') { + console.error('shimGetDisplayMedia: getSourceId argument is not ' + 'a function'); + return; + } + window.navigator.mediaDevices.getDisplayMedia = function getDisplayMedia(constraints) { + return getSourceId(constraints).then(function (sourceId) { + var widthSpecified = constraints.video && constraints.video.width; + var heightSpecified = constraints.video && constraints.video.height; + var frameRateSpecified = constraints.video && constraints.video.frameRate; + constraints.video = { + mandatory: { + chromeMediaSource: 'desktop', + chromeMediaSourceId: sourceId, + maxFrameRate: frameRateSpecified || 3 + } + }; + if (widthSpecified) { + constraints.video.mandatory.maxWidth = widthSpecified; + } + if (heightSpecified) { + constraints.video.mandatory.maxHeight = heightSpecified; + } + return window.navigator.mediaDevices.getUserMedia(constraints); + }); + }; +} + +},{}],5:[function(require,module,exports){ +/* + * Copyright (c) 2016 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.shimGetUserMedia = shimGetUserMedia; + +var _utils = require('../utils.js'); + +var utils = _interopRequireWildcard(_utils); + +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + +var logging = utils.log; + +function shimGetUserMedia(window, browserDetails) { + var navigator = window && window.navigator; + + if (!navigator.mediaDevices) { + return; + } + + var constraintsToChrome_ = function constraintsToChrome_(c) { + if ((typeof c === 'undefined' ? 'undefined' : _typeof(c)) !== 'object' || c.mandatory || c.optional) { + return c; + } + var cc = {}; + Object.keys(c).forEach(function (key) { + if (key === 'require' || key === 'advanced' || key === 'mediaSource') { + return; + } + var r = _typeof(c[key]) === 'object' ? c[key] : { ideal: c[key] }; + if (r.exact !== undefined && typeof r.exact === 'number') { + r.min = r.max = r.exact; + } + var oldname_ = function oldname_(prefix, name) { + if (prefix) { + return prefix + name.charAt(0).toUpperCase() + name.slice(1); + } + return name === 'deviceId' ? 'sourceId' : name; + }; + if (r.ideal !== undefined) { + cc.optional = cc.optional || []; + var oc = {}; + if (typeof r.ideal === 'number') { + oc[oldname_('min', key)] = r.ideal; + cc.optional.push(oc); + oc = {}; + oc[oldname_('max', key)] = r.ideal; + cc.optional.push(oc); + } else { + oc[oldname_('', key)] = r.ideal; + cc.optional.push(oc); + } + } + if (r.exact !== undefined && typeof r.exact !== 'number') { + cc.mandatory = cc.mandatory || {}; + cc.mandatory[oldname_('', key)] = r.exact; + } else { + ['min', 'max'].forEach(function (mix) { + if (r[mix] !== undefined) { + cc.mandatory = cc.mandatory || {}; + cc.mandatory[oldname_(mix, key)] = r[mix]; + } + }); + } + }); + if (c.advanced) { + cc.optional = (cc.optional || []).concat(c.advanced); + } + return cc; + }; + + var shimConstraints_ = function shimConstraints_(constraints, func) { + if (browserDetails.version >= 61) { + return func(constraints); + } + constraints = JSON.parse(JSON.stringify(constraints)); + if (constraints && _typeof(constraints.audio) === 'object') { + var remap = function remap(obj, a, b) { + if (a in obj && !(b in obj)) { + obj[b] = obj[a]; + delete obj[a]; + } + }; + constraints = JSON.parse(JSON.stringify(constraints)); + remap(constraints.audio, 'autoGainControl', 'googAutoGainControl'); + remap(constraints.audio, 'noiseSuppression', 'googNoiseSuppression'); + constraints.audio = constraintsToChrome_(constraints.audio); + } + if (constraints && _typeof(constraints.video) === 'object') { + // Shim facingMode for mobile & surface pro. + var face = constraints.video.facingMode; + face = face && ((typeof face === 'undefined' ? 'undefined' : _typeof(face)) === 'object' ? face : { ideal: face }); + var getSupportedFacingModeLies = browserDetails.version < 66; + + if (face && (face.exact === 'user' || face.exact === 'environment' || face.ideal === 'user' || face.ideal === 'environment') && !(navigator.mediaDevices.getSupportedConstraints && navigator.mediaDevices.getSupportedConstraints().facingMode && !getSupportedFacingModeLies)) { + delete constraints.video.facingMode; + var matches = void 0; + if (face.exact === 'environment' || face.ideal === 'environment') { + matches = ['back', 'rear']; + } else if (face.exact === 'user' || face.ideal === 'user') { + matches = ['front']; + } + if (matches) { + // Look for matches in label, or use last cam for back (typical). + return navigator.mediaDevices.enumerateDevices().then(function (devices) { + devices = devices.filter(function (d) { + return d.kind === 'videoinput'; + }); + var dev = devices.find(function (d) { + return matches.some(function (match) { + return d.label.toLowerCase().includes(match); + }); + }); + if (!dev && devices.length && matches.includes('back')) { + dev = devices[devices.length - 1]; // more likely the back cam + } + if (dev) { + constraints.video.deviceId = face.exact ? { exact: dev.deviceId } : { ideal: dev.deviceId }; + } + constraints.video = constraintsToChrome_(constraints.video); + logging('chrome: ' + JSON.stringify(constraints)); + return func(constraints); + }); + } + } + constraints.video = constraintsToChrome_(constraints.video); + } + logging('chrome: ' + JSON.stringify(constraints)); + return func(constraints); + }; + + var shimError_ = function shimError_(e) { + if (browserDetails.version >= 64) { + return e; + } + return { + name: { + PermissionDeniedError: 'NotAllowedError', + PermissionDismissedError: 'NotAllowedError', + InvalidStateError: 'NotAllowedError', + DevicesNotFoundError: 'NotFoundError', + ConstraintNotSatisfiedError: 'OverconstrainedError', + TrackStartError: 'NotReadableError', + MediaDeviceFailedDueToShutdown: 'NotAllowedError', + MediaDeviceKillSwitchOn: 'NotAllowedError', + TabCaptureError: 'AbortError', + ScreenCaptureError: 'AbortError', + DeviceCaptureError: 'AbortError' + }[e.name] || e.name, + message: e.message, + constraint: e.constraint || e.constraintName, + toString: function toString() { + return this.name + (this.message && ': ') + this.message; + } + }; + }; + + var getUserMedia_ = function getUserMedia_(constraints, onSuccess, onError) { + shimConstraints_(constraints, function (c) { + navigator.webkitGetUserMedia(c, onSuccess, function (e) { + if (onError) { + onError(shimError_(e)); + } + }); + }); + }; + navigator.getUserMedia = getUserMedia_.bind(navigator); + + // Even though Chrome 45 has navigator.mediaDevices and a getUserMedia + // function which returns a Promise, it does not accept spec-style + // constraints. + if (navigator.mediaDevices.getUserMedia) { + var origGetUserMedia = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices); + navigator.mediaDevices.getUserMedia = function (cs) { + return shimConstraints_(cs, function (c) { + return origGetUserMedia(c).then(function (stream) { + if (c.audio && !stream.getAudioTracks().length || c.video && !stream.getVideoTracks().length) { + stream.getTracks().forEach(function (track) { + track.stop(); + }); + throw new DOMException('', 'NotFoundError'); + } + return stream; + }, function (e) { + return Promise.reject(shimError_(e)); + }); + }); + }; + } +} + +},{"../utils.js":11}],6:[function(require,module,exports){ +/* + * Copyright (c) 2017 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.shimRTCIceCandidate = shimRTCIceCandidate; +exports.shimRTCIceCandidateRelayProtocol = shimRTCIceCandidateRelayProtocol; +exports.shimMaxMessageSize = shimMaxMessageSize; +exports.shimSendThrowTypeError = shimSendThrowTypeError; +exports.shimConnectionState = shimConnectionState; +exports.removeExtmapAllowMixed = removeExtmapAllowMixed; +exports.shimAddIceCandidateNullOrEmpty = shimAddIceCandidateNullOrEmpty; +exports.shimParameterlessSetLocalDescription = shimParameterlessSetLocalDescription; + +var _sdp = require('sdp'); + +var _sdp2 = _interopRequireDefault(_sdp); + +var _utils = require('./utils'); + +var utils = _interopRequireWildcard(_utils); + +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function shimRTCIceCandidate(window) { + // foundation is arbitrarily chosen as an indicator for full support for + // https://w3c.github.io/webrtc-pc/#rtcicecandidate-interface + if (!window.RTCIceCandidate || window.RTCIceCandidate && 'foundation' in window.RTCIceCandidate.prototype) { + return; + } + + var NativeRTCIceCandidate = window.RTCIceCandidate; + window.RTCIceCandidate = function RTCIceCandidate(args) { + // Remove the a= which shouldn't be part of the candidate string. + if ((typeof args === 'undefined' ? 'undefined' : _typeof(args)) === 'object' && args.candidate && args.candidate.indexOf('a=') === 0) { + args = JSON.parse(JSON.stringify(args)); + args.candidate = args.candidate.substr(2); + } + + if (args.candidate && args.candidate.length) { + // Augment the native candidate with the parsed fields. + var nativeCandidate = new NativeRTCIceCandidate(args); + var parsedCandidate = _sdp2.default.parseCandidate(args.candidate); + var augmentedCandidate = Object.assign(nativeCandidate, parsedCandidate); + + // Add a serializer that does not serialize the extra attributes. + augmentedCandidate.toJSON = function toJSON() { + return { + candidate: augmentedCandidate.candidate, + sdpMid: augmentedCandidate.sdpMid, + sdpMLineIndex: augmentedCandidate.sdpMLineIndex, + usernameFragment: augmentedCandidate.usernameFragment + }; + }; + return augmentedCandidate; + } + return new NativeRTCIceCandidate(args); + }; + window.RTCIceCandidate.prototype = NativeRTCIceCandidate.prototype; + + // Hook up the augmented candidate in onicecandidate and + // addEventListener('icecandidate', ...) + utils.wrapPeerConnectionEvent(window, 'icecandidate', function (e) { + if (e.candidate) { + Object.defineProperty(e, 'candidate', { + value: new window.RTCIceCandidate(e.candidate), + writable: 'false' + }); + } + return e; + }); +} + +function shimRTCIceCandidateRelayProtocol(window) { + if (!window.RTCIceCandidate || window.RTCIceCandidate && 'relayProtocol' in window.RTCIceCandidate.prototype) { + return; + } + + // Hook up the augmented candidate in onicecandidate and + // addEventListener('icecandidate', ...) + utils.wrapPeerConnectionEvent(window, 'icecandidate', function (e) { + if (e.candidate) { + var parsedCandidate = _sdp2.default.parseCandidate(e.candidate.candidate); + if (parsedCandidate.type === 'relay') { + // This is a libwebrtc-specific mapping of local type preference + // to relayProtocol. + e.candidate.relayProtocol = { + 0: 'tls', + 1: 'tcp', + 2: 'udp' + }[parsedCandidate.priority >> 24]; + } + } + return e; + }); +} + +function shimMaxMessageSize(window, browserDetails) { + if (!window.RTCPeerConnection) { + return; + } + + if (!('sctp' in window.RTCPeerConnection.prototype)) { + Object.defineProperty(window.RTCPeerConnection.prototype, 'sctp', { + get: function get() { + return typeof this._sctp === 'undefined' ? null : this._sctp; + } + }); + } + + var sctpInDescription = function sctpInDescription(description) { + if (!description || !description.sdp) { + return false; + } + var sections = _sdp2.default.splitSections(description.sdp); + sections.shift(); + return sections.some(function (mediaSection) { + var mLine = _sdp2.default.parseMLine(mediaSection); + return mLine && mLine.kind === 'application' && mLine.protocol.indexOf('SCTP') !== -1; + }); + }; + + var getRemoteFirefoxVersion = function getRemoteFirefoxVersion(description) { + // TODO: Is there a better solution for detecting Firefox? + var match = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/); + if (match === null || match.length < 2) { + return -1; + } + var version = parseInt(match[1], 10); + // Test for NaN (yes, this is ugly) + return version !== version ? -1 : version; + }; + + var getCanSendMaxMessageSize = function getCanSendMaxMessageSize(remoteIsFirefox) { + // Every implementation we know can send at least 64 KiB. + // Note: Although Chrome is technically able to send up to 256 KiB, the + // data does not reach the other peer reliably. + // See: https://bugs.chromium.org/p/webrtc/issues/detail?id=8419 + var canSendMaxMessageSize = 65536; + if (browserDetails.browser === 'firefox') { + if (browserDetails.version < 57) { + if (remoteIsFirefox === -1) { + // FF < 57 will send in 16 KiB chunks using the deprecated PPID + // fragmentation. + canSendMaxMessageSize = 16384; + } else { + // However, other FF (and RAWRTC) can reassemble PPID-fragmented + // messages. Thus, supporting ~2 GiB when sending. + canSendMaxMessageSize = 2147483637; + } + } else if (browserDetails.version < 60) { + // Currently, all FF >= 57 will reset the remote maximum message size + // to the default value when a data channel is created at a later + // stage. :( + // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1426831 + canSendMaxMessageSize = browserDetails.version === 57 ? 65535 : 65536; + } else { + // FF >= 60 supports sending ~2 GiB + canSendMaxMessageSize = 2147483637; + } + } + return canSendMaxMessageSize; + }; + + var getMaxMessageSize = function getMaxMessageSize(description, remoteIsFirefox) { + // Note: 65536 bytes is the default value from the SDP spec. Also, + // every implementation we know supports receiving 65536 bytes. + var maxMessageSize = 65536; + + // FF 57 has a slightly incorrect default remote max message size, so + // we need to adjust it here to avoid a failure when sending. + // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1425697 + if (browserDetails.browser === 'firefox' && browserDetails.version === 57) { + maxMessageSize = 65535; + } + + var match = _sdp2.default.matchPrefix(description.sdp, 'a=max-message-size:'); + if (match.length > 0) { + maxMessageSize = parseInt(match[0].substr(19), 10); + } else if (browserDetails.browser === 'firefox' && remoteIsFirefox !== -1) { + // If the maximum message size is not present in the remote SDP and + // both local and remote are Firefox, the remote peer can receive + // ~2 GiB. + maxMessageSize = 2147483637; + } + return maxMessageSize; + }; + + var origSetRemoteDescription = window.RTCPeerConnection.prototype.setRemoteDescription; + window.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() { + this._sctp = null; + // Chrome decided to not expose .sctp in plan-b mode. + // As usual, adapter.js has to do an 'ugly worakaround' + // to cover up the mess. + if (browserDetails.browser === 'chrome' && browserDetails.version >= 76) { + var _getConfiguration = this.getConfiguration(), + sdpSemantics = _getConfiguration.sdpSemantics; + + if (sdpSemantics === 'plan-b') { + Object.defineProperty(this, 'sctp', { + get: function get() { + return typeof this._sctp === 'undefined' ? null : this._sctp; + }, + + enumerable: true, + configurable: true + }); + } + } + + if (sctpInDescription(arguments[0])) { + // Check if the remote is FF. + var isFirefox = getRemoteFirefoxVersion(arguments[0]); + + // Get the maximum message size the local peer is capable of sending + var canSendMMS = getCanSendMaxMessageSize(isFirefox); + + // Get the maximum message size of the remote peer. + var remoteMMS = getMaxMessageSize(arguments[0], isFirefox); + + // Determine final maximum message size + var maxMessageSize = void 0; + if (canSendMMS === 0 && remoteMMS === 0) { + maxMessageSize = Number.POSITIVE_INFINITY; + } else if (canSendMMS === 0 || remoteMMS === 0) { + maxMessageSize = Math.max(canSendMMS, remoteMMS); + } else { + maxMessageSize = Math.min(canSendMMS, remoteMMS); + } + + // Create a dummy RTCSctpTransport object and the 'maxMessageSize' + // attribute. + var sctp = {}; + Object.defineProperty(sctp, 'maxMessageSize', { + get: function get() { + return maxMessageSize; + } + }); + this._sctp = sctp; + } + + return origSetRemoteDescription.apply(this, arguments); + }; +} + +function shimSendThrowTypeError(window) { + if (!(window.RTCPeerConnection && 'createDataChannel' in window.RTCPeerConnection.prototype)) { + return; + } + + // Note: Although Firefox >= 57 has a native implementation, the maximum + // message size can be reset for all data channels at a later stage. + // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1426831 + + function wrapDcSend(dc, pc) { + var origDataChannelSend = dc.send; + dc.send = function send() { + var data = arguments[0]; + var length = data.length || data.size || data.byteLength; + if (dc.readyState === 'open' && pc.sctp && length > pc.sctp.maxMessageSize) { + throw new TypeError('Message too large (can send a maximum of ' + pc.sctp.maxMessageSize + ' bytes)'); + } + return origDataChannelSend.apply(dc, arguments); + }; + } + var origCreateDataChannel = window.RTCPeerConnection.prototype.createDataChannel; + window.RTCPeerConnection.prototype.createDataChannel = function createDataChannel() { + var dataChannel = origCreateDataChannel.apply(this, arguments); + wrapDcSend(dataChannel, this); + return dataChannel; + }; + utils.wrapPeerConnectionEvent(window, 'datachannel', function (e) { + wrapDcSend(e.channel, e.target); + return e; + }); +} + +/* shims RTCConnectionState by pretending it is the same as iceConnectionState. + * See https://bugs.chromium.org/p/webrtc/issues/detail?id=6145#c12 + * for why this is a valid hack in Chrome. In Firefox it is slightly incorrect + * since DTLS failures would be hidden. See + * https://bugzilla.mozilla.org/show_bug.cgi?id=1265827 + * for the Firefox tracking bug. + */ +function shimConnectionState(window) { + if (!window.RTCPeerConnection || 'connectionState' in window.RTCPeerConnection.prototype) { + return; + } + var proto = window.RTCPeerConnection.prototype; + Object.defineProperty(proto, 'connectionState', { + get: function get() { + return { + completed: 'connected', + checking: 'connecting' + }[this.iceConnectionState] || this.iceConnectionState; + }, + + enumerable: true, + configurable: true + }); + Object.defineProperty(proto, 'onconnectionstatechange', { + get: function get() { + return this._onconnectionstatechange || null; + }, + set: function set(cb) { + if (this._onconnectionstatechange) { + this.removeEventListener('connectionstatechange', this._onconnectionstatechange); + delete this._onconnectionstatechange; + } + if (cb) { + this.addEventListener('connectionstatechange', this._onconnectionstatechange = cb); + } + }, + + enumerable: true, + configurable: true + }); + + ['setLocalDescription', 'setRemoteDescription'].forEach(function (method) { + var origMethod = proto[method]; + proto[method] = function () { + if (!this._connectionstatechangepoly) { + this._connectionstatechangepoly = function (e) { + var pc = e.target; + if (pc._lastConnectionState !== pc.connectionState) { + pc._lastConnectionState = pc.connectionState; + var newEvent = new Event('connectionstatechange', e); + pc.dispatchEvent(newEvent); + } + return e; + }; + this.addEventListener('iceconnectionstatechange', this._connectionstatechangepoly); + } + return origMethod.apply(this, arguments); + }; + }); +} + +function removeExtmapAllowMixed(window, browserDetails) { + /* remove a=extmap-allow-mixed for webrtc.org < M71 */ + if (!window.RTCPeerConnection) { + return; + } + if (browserDetails.browser === 'chrome' && browserDetails.version >= 71) { + return; + } + if (browserDetails.browser === 'safari' && browserDetails.version >= 605) { + return; + } + var nativeSRD = window.RTCPeerConnection.prototype.setRemoteDescription; + window.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription(desc) { + if (desc && desc.sdp && desc.sdp.indexOf('\na=extmap-allow-mixed') !== -1) { + var sdp = desc.sdp.split('\n').filter(function (line) { + return line.trim() !== 'a=extmap-allow-mixed'; + }).join('\n'); + // Safari enforces read-only-ness of RTCSessionDescription fields. + if (window.RTCSessionDescription && desc instanceof window.RTCSessionDescription) { + arguments[0] = new window.RTCSessionDescription({ + type: desc.type, + sdp: sdp + }); + } else { + desc.sdp = sdp; + } + } + return nativeSRD.apply(this, arguments); + }; +} + +function shimAddIceCandidateNullOrEmpty(window, browserDetails) { + // Support for addIceCandidate(null or undefined) + // as well as addIceCandidate({candidate: "", ...}) + // https://bugs.chromium.org/p/chromium/issues/detail?id=978582 + // Note: must be called before other polyfills which change the signature. + if (!(window.RTCPeerConnection && window.RTCPeerConnection.prototype)) { + return; + } + var nativeAddIceCandidate = window.RTCPeerConnection.prototype.addIceCandidate; + if (!nativeAddIceCandidate || nativeAddIceCandidate.length === 0) { + return; + } + window.RTCPeerConnection.prototype.addIceCandidate = function addIceCandidate() { + if (!arguments[0]) { + if (arguments[1]) { + arguments[1].apply(null); + } + return Promise.resolve(); + } + // Firefox 68+ emits and processes {candidate: "", ...}, ignore + // in older versions. + // Native support for ignoring exists for Chrome M77+. + // Safari ignores as well, exact version unknown but works in the same + // version that also ignores addIceCandidate(null). + if ((browserDetails.browser === 'chrome' && browserDetails.version < 78 || browserDetails.browser === 'firefox' && browserDetails.version < 68 || browserDetails.browser === 'safari') && arguments[0] && arguments[0].candidate === '') { + return Promise.resolve(); + } + return nativeAddIceCandidate.apply(this, arguments); + }; +} + +// Note: Make sure to call this ahead of APIs that modify +// setLocalDescription.length +function shimParameterlessSetLocalDescription(window, browserDetails) { + if (!(window.RTCPeerConnection && window.RTCPeerConnection.prototype)) { + return; + } + var nativeSetLocalDescription = window.RTCPeerConnection.prototype.setLocalDescription; + if (!nativeSetLocalDescription || nativeSetLocalDescription.length === 0) { + return; + } + window.RTCPeerConnection.prototype.setLocalDescription = function setLocalDescription() { + var _this = this; + + var desc = arguments[0] || {}; + if ((typeof desc === 'undefined' ? 'undefined' : _typeof(desc)) !== 'object' || desc.type && desc.sdp) { + return nativeSetLocalDescription.apply(this, arguments); + } + // The remaining steps should technically happen when SLD comes off the + // RTCPeerConnection's operations chain (not ahead of going on it), but + // this is too difficult to shim. Instead, this shim only covers the + // common case where the operations chain is empty. This is imperfect, but + // should cover many cases. Rationale: Even if we can't reduce the glare + // window to zero on imperfect implementations, there's value in tapping + // into the perfect negotiation pattern that several browsers support. + desc = { type: desc.type, sdp: desc.sdp }; + if (!desc.type) { + switch (this.signalingState) { + case 'stable': + case 'have-local-offer': + case 'have-remote-pranswer': + desc.type = 'offer'; + break; + default: + desc.type = 'answer'; + break; + } + } + if (desc.sdp || desc.type !== 'offer' && desc.type !== 'answer') { + return nativeSetLocalDescription.apply(this, [desc]); + } + var func = desc.type === 'offer' ? this.createOffer : this.createAnswer; + return func.apply(this).then(function (d) { + return nativeSetLocalDescription.apply(_this, [d]); + }); + }; +} + +},{"./utils":11,"sdp":12}],7:[function(require,module,exports){ +/* + * Copyright (c) 2016 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.shimGetDisplayMedia = exports.shimGetUserMedia = undefined; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +var _getusermedia = require('./getusermedia'); + +Object.defineProperty(exports, 'shimGetUserMedia', { + enumerable: true, + get: function get() { + return _getusermedia.shimGetUserMedia; + } +}); + +var _getdisplaymedia = require('./getdisplaymedia'); + +Object.defineProperty(exports, 'shimGetDisplayMedia', { + enumerable: true, + get: function get() { + return _getdisplaymedia.shimGetDisplayMedia; + } +}); +exports.shimOnTrack = shimOnTrack; +exports.shimPeerConnection = shimPeerConnection; +exports.shimSenderGetStats = shimSenderGetStats; +exports.shimReceiverGetStats = shimReceiverGetStats; +exports.shimRemoveStream = shimRemoveStream; +exports.shimRTCDataChannel = shimRTCDataChannel; +exports.shimAddTransceiver = shimAddTransceiver; +exports.shimGetParameters = shimGetParameters; +exports.shimCreateOffer = shimCreateOffer; +exports.shimCreateAnswer = shimCreateAnswer; + +var _utils = require('../utils'); + +var utils = _interopRequireWildcard(_utils); + +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + +function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +function shimOnTrack(window) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCTrackEvent && 'receiver' in window.RTCTrackEvent.prototype && !('transceiver' in window.RTCTrackEvent.prototype)) { + Object.defineProperty(window.RTCTrackEvent.prototype, 'transceiver', { + get: function get() { + return { receiver: this.receiver }; + } + }); + } +} + +function shimPeerConnection(window, browserDetails) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) !== 'object' || !(window.RTCPeerConnection || window.mozRTCPeerConnection)) { + return; // probably media.peerconnection.enabled=false in about:config + } + if (!window.RTCPeerConnection && window.mozRTCPeerConnection) { + // very basic support for old versions. + window.RTCPeerConnection = window.mozRTCPeerConnection; + } + + if (browserDetails.version < 53) { + // shim away need for obsolete RTCIceCandidate/RTCSessionDescription. + ['setLocalDescription', 'setRemoteDescription', 'addIceCandidate'].forEach(function (method) { + var nativeMethod = window.RTCPeerConnection.prototype[method]; + var methodObj = _defineProperty({}, method, function () { + arguments[0] = new (method === 'addIceCandidate' ? window.RTCIceCandidate : window.RTCSessionDescription)(arguments[0]); + return nativeMethod.apply(this, arguments); + }); + window.RTCPeerConnection.prototype[method] = methodObj[method]; + }); + } + + var modernStatsTypes = { + inboundrtp: 'inbound-rtp', + outboundrtp: 'outbound-rtp', + candidatepair: 'candidate-pair', + localcandidate: 'local-candidate', + remotecandidate: 'remote-candidate' + }; + + var nativeGetStats = window.RTCPeerConnection.prototype.getStats; + window.RTCPeerConnection.prototype.getStats = function getStats() { + var _arguments = Array.prototype.slice.call(arguments), + selector = _arguments[0], + onSucc = _arguments[1], + onErr = _arguments[2]; + + return nativeGetStats.apply(this, [selector || null]).then(function (stats) { + if (browserDetails.version < 53 && !onSucc) { + // Shim only promise getStats with spec-hyphens in type names + // Leave callback version alone; misc old uses of forEach before Map + try { + stats.forEach(function (stat) { + stat.type = modernStatsTypes[stat.type] || stat.type; + }); + } catch (e) { + if (e.name !== 'TypeError') { + throw e; + } + // Avoid TypeError: "type" is read-only, in old versions. 34-43ish + stats.forEach(function (stat, i) { + stats.set(i, Object.assign({}, stat, { + type: modernStatsTypes[stat.type] || stat.type + })); + }); + } + } + return stats; + }).then(onSucc, onErr); + }; +} + +function shimSenderGetStats(window) { + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection && window.RTCRtpSender)) { + return; + } + if (window.RTCRtpSender && 'getStats' in window.RTCRtpSender.prototype) { + return; + } + var origGetSenders = window.RTCPeerConnection.prototype.getSenders; + if (origGetSenders) { + window.RTCPeerConnection.prototype.getSenders = function getSenders() { + var _this = this; + + var senders = origGetSenders.apply(this, []); + senders.forEach(function (sender) { + return sender._pc = _this; + }); + return senders; + }; + } + + var origAddTrack = window.RTCPeerConnection.prototype.addTrack; + if (origAddTrack) { + window.RTCPeerConnection.prototype.addTrack = function addTrack() { + var sender = origAddTrack.apply(this, arguments); + sender._pc = this; + return sender; + }; + } + window.RTCRtpSender.prototype.getStats = function getStats() { + return this.track ? this._pc.getStats(this.track) : Promise.resolve(new Map()); + }; +} + +function shimReceiverGetStats(window) { + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection && window.RTCRtpSender)) { + return; + } + if (window.RTCRtpSender && 'getStats' in window.RTCRtpReceiver.prototype) { + return; + } + var origGetReceivers = window.RTCPeerConnection.prototype.getReceivers; + if (origGetReceivers) { + window.RTCPeerConnection.prototype.getReceivers = function getReceivers() { + var _this2 = this; + + var receivers = origGetReceivers.apply(this, []); + receivers.forEach(function (receiver) { + return receiver._pc = _this2; + }); + return receivers; + }; + } + utils.wrapPeerConnectionEvent(window, 'track', function (e) { + e.receiver._pc = e.srcElement; + return e; + }); + window.RTCRtpReceiver.prototype.getStats = function getStats() { + return this._pc.getStats(this.track); + }; +} + +function shimRemoveStream(window) { + if (!window.RTCPeerConnection || 'removeStream' in window.RTCPeerConnection.prototype) { + return; + } + window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) { + var _this3 = this; + + utils.deprecated('removeStream', 'removeTrack'); + this.getSenders().forEach(function (sender) { + if (sender.track && stream.getTracks().includes(sender.track)) { + _this3.removeTrack(sender); + } + }); + }; +} + +function shimRTCDataChannel(window) { + // rename DataChannel to RTCDataChannel (native fix in FF60): + // https://bugzilla.mozilla.org/show_bug.cgi?id=1173851 + if (window.DataChannel && !window.RTCDataChannel) { + window.RTCDataChannel = window.DataChannel; + } +} + +function shimAddTransceiver(window) { + // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647 + // Firefox ignores the init sendEncodings options passed to addTransceiver + // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918 + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection)) { + return; + } + var origAddTransceiver = window.RTCPeerConnection.prototype.addTransceiver; + if (origAddTransceiver) { + window.RTCPeerConnection.prototype.addTransceiver = function addTransceiver() { + this.setParametersPromises = []; + // WebIDL input coercion and validation + var sendEncodings = arguments[1] && arguments[1].sendEncodings; + if (sendEncodings === undefined) { + sendEncodings = []; + } + sendEncodings = [].concat(_toConsumableArray(sendEncodings)); + var shouldPerformCheck = sendEncodings.length > 0; + if (shouldPerformCheck) { + // If sendEncodings params are provided, validate grammar + sendEncodings.forEach(function (encodingParam) { + if ('rid' in encodingParam) { + var ridRegex = /^[a-z0-9]{0,16}$/i; + if (!ridRegex.test(encodingParam.rid)) { + throw new TypeError('Invalid RID value provided.'); + } + } + if ('scaleResolutionDownBy' in encodingParam) { + if (!(parseFloat(encodingParam.scaleResolutionDownBy) >= 1.0)) { + throw new RangeError('scale_resolution_down_by must be >= 1.0'); + } + } + if ('maxFramerate' in encodingParam) { + if (!(parseFloat(encodingParam.maxFramerate) >= 0)) { + throw new RangeError('max_framerate must be >= 0.0'); + } + } + }); + } + var transceiver = origAddTransceiver.apply(this, arguments); + if (shouldPerformCheck) { + // Check if the init options were applied. If not we do this in an + // asynchronous way and save the promise reference in a global object. + // This is an ugly hack, but at the same time is way more robust than + // checking the sender parameters before and after the createOffer + // Also note that after the createoffer we are not 100% sure that + // the params were asynchronously applied so we might miss the + // opportunity to recreate offer. + var sender = transceiver.sender; + + var params = sender.getParameters(); + if (!('encodings' in params) || + // Avoid being fooled by patched getParameters() below. + params.encodings.length === 1 && Object.keys(params.encodings[0]).length === 0) { + params.encodings = sendEncodings; + sender.sendEncodings = sendEncodings; + this.setParametersPromises.push(sender.setParameters(params).then(function () { + delete sender.sendEncodings; + }).catch(function () { + delete sender.sendEncodings; + })); + } + } + return transceiver; + }; + } +} + +function shimGetParameters(window) { + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCRtpSender)) { + return; + } + var origGetParameters = window.RTCRtpSender.prototype.getParameters; + if (origGetParameters) { + window.RTCRtpSender.prototype.getParameters = function getParameters() { + var params = origGetParameters.apply(this, arguments); + if (!('encodings' in params)) { + params.encodings = [].concat(this.sendEncodings || [{}]); + } + return params; + }; + } +} + +function shimCreateOffer(window) { + // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647 + // Firefox ignores the init sendEncodings options passed to addTransceiver + // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918 + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection)) { + return; + } + var origCreateOffer = window.RTCPeerConnection.prototype.createOffer; + window.RTCPeerConnection.prototype.createOffer = function createOffer() { + var _this4 = this, + _arguments2 = arguments; + + if (this.setParametersPromises && this.setParametersPromises.length) { + return Promise.all(this.setParametersPromises).then(function () { + return origCreateOffer.apply(_this4, _arguments2); + }).finally(function () { + _this4.setParametersPromises = []; + }); + } + return origCreateOffer.apply(this, arguments); + }; +} + +function shimCreateAnswer(window) { + // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647 + // Firefox ignores the init sendEncodings options passed to addTransceiver + // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918 + if (!((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCPeerConnection)) { + return; + } + var origCreateAnswer = window.RTCPeerConnection.prototype.createAnswer; + window.RTCPeerConnection.prototype.createAnswer = function createAnswer() { + var _this5 = this, + _arguments3 = arguments; + + if (this.setParametersPromises && this.setParametersPromises.length) { + return Promise.all(this.setParametersPromises).then(function () { + return origCreateAnswer.apply(_this5, _arguments3); + }).finally(function () { + _this5.setParametersPromises = []; + }); + } + return origCreateAnswer.apply(this, arguments); + }; +} + +},{"../utils":11,"./getdisplaymedia":8,"./getusermedia":9}],8:[function(require,module,exports){ +/* + * Copyright (c) 2018 The adapter.js project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.shimGetDisplayMedia = shimGetDisplayMedia; +function shimGetDisplayMedia(window, preferredMediaSource) { + if (window.navigator.mediaDevices && 'getDisplayMedia' in window.navigator.mediaDevices) { + return; + } + if (!window.navigator.mediaDevices) { + return; + } + window.navigator.mediaDevices.getDisplayMedia = function getDisplayMedia(constraints) { + if (!(constraints && constraints.video)) { + var err = new DOMException('getDisplayMedia without video ' + 'constraints is undefined'); + err.name = 'NotFoundError'; + // from https://heycam.github.io/webidl/#idl-DOMException-error-names + err.code = 8; + return Promise.reject(err); + } + if (constraints.video === true) { + constraints.video = { mediaSource: preferredMediaSource }; + } else { + constraints.video.mediaSource = preferredMediaSource; + } + return window.navigator.mediaDevices.getUserMedia(constraints); + }; +} + +},{}],9:[function(require,module,exports){ +/* + * Copyright (c) 2016 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.shimGetUserMedia = shimGetUserMedia; + +var _utils = require('../utils'); + +var utils = _interopRequireWildcard(_utils); + +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + +function shimGetUserMedia(window, browserDetails) { + var navigator = window && window.navigator; + var MediaStreamTrack = window && window.MediaStreamTrack; + + navigator.getUserMedia = function (constraints, onSuccess, onError) { + // Replace Firefox 44+'s deprecation warning with unprefixed version. + utils.deprecated('navigator.getUserMedia', 'navigator.mediaDevices.getUserMedia'); + navigator.mediaDevices.getUserMedia(constraints).then(onSuccess, onError); + }; + + if (!(browserDetails.version > 55 && 'autoGainControl' in navigator.mediaDevices.getSupportedConstraints())) { + var remap = function remap(obj, a, b) { + if (a in obj && !(b in obj)) { + obj[b] = obj[a]; + delete obj[a]; + } + }; + + var nativeGetUserMedia = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices); + navigator.mediaDevices.getUserMedia = function (c) { + if ((typeof c === 'undefined' ? 'undefined' : _typeof(c)) === 'object' && _typeof(c.audio) === 'object') { + c = JSON.parse(JSON.stringify(c)); + remap(c.audio, 'autoGainControl', 'mozAutoGainControl'); + remap(c.audio, 'noiseSuppression', 'mozNoiseSuppression'); + } + return nativeGetUserMedia(c); + }; + + if (MediaStreamTrack && MediaStreamTrack.prototype.getSettings) { + var nativeGetSettings = MediaStreamTrack.prototype.getSettings; + MediaStreamTrack.prototype.getSettings = function () { + var obj = nativeGetSettings.apply(this, arguments); + remap(obj, 'mozAutoGainControl', 'autoGainControl'); + remap(obj, 'mozNoiseSuppression', 'noiseSuppression'); + return obj; + }; + } + + if (MediaStreamTrack && MediaStreamTrack.prototype.applyConstraints) { + var nativeApplyConstraints = MediaStreamTrack.prototype.applyConstraints; + MediaStreamTrack.prototype.applyConstraints = function (c) { + if (this.kind === 'audio' && (typeof c === 'undefined' ? 'undefined' : _typeof(c)) === 'object') { + c = JSON.parse(JSON.stringify(c)); + remap(c, 'autoGainControl', 'mozAutoGainControl'); + remap(c, 'noiseSuppression', 'mozNoiseSuppression'); + } + return nativeApplyConstraints.apply(this, [c]); + }; + } + } +} + +},{"../utils":11}],10:[function(require,module,exports){ +/* + * Copyright (c) 2016 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.shimLocalStreamsAPI = shimLocalStreamsAPI; +exports.shimRemoteStreamsAPI = shimRemoteStreamsAPI; +exports.shimCallbacksAPI = shimCallbacksAPI; +exports.shimGetUserMedia = shimGetUserMedia; +exports.shimConstraints = shimConstraints; +exports.shimRTCIceServerUrls = shimRTCIceServerUrls; +exports.shimTrackEventTransceiver = shimTrackEventTransceiver; +exports.shimCreateOfferLegacy = shimCreateOfferLegacy; +exports.shimAudioContext = shimAudioContext; + +var _utils = require('../utils'); + +var utils = _interopRequireWildcard(_utils); + +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + +function shimLocalStreamsAPI(window) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) !== 'object' || !window.RTCPeerConnection) { + return; + } + if (!('getLocalStreams' in window.RTCPeerConnection.prototype)) { + window.RTCPeerConnection.prototype.getLocalStreams = function getLocalStreams() { + if (!this._localStreams) { + this._localStreams = []; + } + return this._localStreams; + }; + } + if (!('addStream' in window.RTCPeerConnection.prototype)) { + var _addTrack = window.RTCPeerConnection.prototype.addTrack; + window.RTCPeerConnection.prototype.addStream = function addStream(stream) { + var _this = this; + + if (!this._localStreams) { + this._localStreams = []; + } + if (!this._localStreams.includes(stream)) { + this._localStreams.push(stream); + } + // Try to emulate Chrome's behaviour of adding in audio-video order. + // Safari orders by track id. + stream.getAudioTracks().forEach(function (track) { + return _addTrack.call(_this, track, stream); + }); + stream.getVideoTracks().forEach(function (track) { + return _addTrack.call(_this, track, stream); + }); + }; + + window.RTCPeerConnection.prototype.addTrack = function addTrack(track) { + var _this2 = this; + + for (var _len = arguments.length, streams = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + streams[_key - 1] = arguments[_key]; + } + + if (streams) { + streams.forEach(function (stream) { + if (!_this2._localStreams) { + _this2._localStreams = [stream]; + } else if (!_this2._localStreams.includes(stream)) { + _this2._localStreams.push(stream); + } + }); + } + return _addTrack.apply(this, arguments); + }; + } + if (!('removeStream' in window.RTCPeerConnection.prototype)) { + window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) { + var _this3 = this; + + if (!this._localStreams) { + this._localStreams = []; + } + var index = this._localStreams.indexOf(stream); + if (index === -1) { + return; + } + this._localStreams.splice(index, 1); + var tracks = stream.getTracks(); + this.getSenders().forEach(function (sender) { + if (tracks.includes(sender.track)) { + _this3.removeTrack(sender); + } + }); + }; + } +} + +function shimRemoteStreamsAPI(window) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) !== 'object' || !window.RTCPeerConnection) { + return; + } + if (!('getRemoteStreams' in window.RTCPeerConnection.prototype)) { + window.RTCPeerConnection.prototype.getRemoteStreams = function getRemoteStreams() { + return this._remoteStreams ? this._remoteStreams : []; + }; + } + if (!('onaddstream' in window.RTCPeerConnection.prototype)) { + Object.defineProperty(window.RTCPeerConnection.prototype, 'onaddstream', { + get: function get() { + return this._onaddstream; + }, + set: function set(f) { + var _this4 = this; + + if (this._onaddstream) { + this.removeEventListener('addstream', this._onaddstream); + this.removeEventListener('track', this._onaddstreampoly); + } + this.addEventListener('addstream', this._onaddstream = f); + this.addEventListener('track', this._onaddstreampoly = function (e) { + e.streams.forEach(function (stream) { + if (!_this4._remoteStreams) { + _this4._remoteStreams = []; + } + if (_this4._remoteStreams.includes(stream)) { + return; + } + _this4._remoteStreams.push(stream); + var event = new Event('addstream'); + event.stream = stream; + _this4.dispatchEvent(event); + }); + }); + } + }); + var origSetRemoteDescription = window.RTCPeerConnection.prototype.setRemoteDescription; + window.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() { + var pc = this; + if (!this._onaddstreampoly) { + this.addEventListener('track', this._onaddstreampoly = function (e) { + e.streams.forEach(function (stream) { + if (!pc._remoteStreams) { + pc._remoteStreams = []; + } + if (pc._remoteStreams.indexOf(stream) >= 0) { + return; + } + pc._remoteStreams.push(stream); + var event = new Event('addstream'); + event.stream = stream; + pc.dispatchEvent(event); + }); + }); + } + return origSetRemoteDescription.apply(pc, arguments); + }; + } +} + +function shimCallbacksAPI(window) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) !== 'object' || !window.RTCPeerConnection) { + return; + } + var prototype = window.RTCPeerConnection.prototype; + var origCreateOffer = prototype.createOffer; + var origCreateAnswer = prototype.createAnswer; + var setLocalDescription = prototype.setLocalDescription; + var setRemoteDescription = prototype.setRemoteDescription; + var addIceCandidate = prototype.addIceCandidate; + + prototype.createOffer = function createOffer(successCallback, failureCallback) { + var options = arguments.length >= 2 ? arguments[2] : arguments[0]; + var promise = origCreateOffer.apply(this, [options]); + if (!failureCallback) { + return promise; + } + promise.then(successCallback, failureCallback); + return Promise.resolve(); + }; + + prototype.createAnswer = function createAnswer(successCallback, failureCallback) { + var options = arguments.length >= 2 ? arguments[2] : arguments[0]; + var promise = origCreateAnswer.apply(this, [options]); + if (!failureCallback) { + return promise; + } + promise.then(successCallback, failureCallback); + return Promise.resolve(); + }; + + var withCallback = function withCallback(description, successCallback, failureCallback) { + var promise = setLocalDescription.apply(this, [description]); + if (!failureCallback) { + return promise; + } + promise.then(successCallback, failureCallback); + return Promise.resolve(); + }; + prototype.setLocalDescription = withCallback; + + withCallback = function withCallback(description, successCallback, failureCallback) { + var promise = setRemoteDescription.apply(this, [description]); + if (!failureCallback) { + return promise; + } + promise.then(successCallback, failureCallback); + return Promise.resolve(); + }; + prototype.setRemoteDescription = withCallback; + + withCallback = function withCallback(candidate, successCallback, failureCallback) { + var promise = addIceCandidate.apply(this, [candidate]); + if (!failureCallback) { + return promise; + } + promise.then(successCallback, failureCallback); + return Promise.resolve(); + }; + prototype.addIceCandidate = withCallback; +} + +function shimGetUserMedia(window) { + var navigator = window && window.navigator; + + if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { + // shim not needed in Safari 12.1 + var mediaDevices = navigator.mediaDevices; + var _getUserMedia = mediaDevices.getUserMedia.bind(mediaDevices); + navigator.mediaDevices.getUserMedia = function (constraints) { + return _getUserMedia(shimConstraints(constraints)); + }; + } + + if (!navigator.getUserMedia && navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { + navigator.getUserMedia = function getUserMedia(constraints, cb, errcb) { + navigator.mediaDevices.getUserMedia(constraints).then(cb, errcb); + }.bind(navigator); + } +} + +function shimConstraints(constraints) { + if (constraints && constraints.video !== undefined) { + return Object.assign({}, constraints, { video: utils.compactObject(constraints.video) }); + } + + return constraints; +} + +function shimRTCIceServerUrls(window) { + if (!window.RTCPeerConnection) { + return; + } + // migrate from non-spec RTCIceServer.url to RTCIceServer.urls + var OrigPeerConnection = window.RTCPeerConnection; + window.RTCPeerConnection = function RTCPeerConnection(pcConfig, pcConstraints) { + if (pcConfig && pcConfig.iceServers) { + var newIceServers = []; + for (var i = 0; i < pcConfig.iceServers.length; i++) { + var server = pcConfig.iceServers[i]; + if (!server.hasOwnProperty('urls') && server.hasOwnProperty('url')) { + utils.deprecated('RTCIceServer.url', 'RTCIceServer.urls'); + server = JSON.parse(JSON.stringify(server)); + server.urls = server.url; + delete server.url; + newIceServers.push(server); + } else { + newIceServers.push(pcConfig.iceServers[i]); + } + } + pcConfig.iceServers = newIceServers; + } + return new OrigPeerConnection(pcConfig, pcConstraints); + }; + window.RTCPeerConnection.prototype = OrigPeerConnection.prototype; + // wrap static methods. Currently just generateCertificate. + if ('generateCertificate' in OrigPeerConnection) { + Object.defineProperty(window.RTCPeerConnection, 'generateCertificate', { + get: function get() { + return OrigPeerConnection.generateCertificate; + } + }); + } +} + +function shimTrackEventTransceiver(window) { + // Add event.transceiver member over deprecated event.receiver + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object' && window.RTCTrackEvent && 'receiver' in window.RTCTrackEvent.prototype && !('transceiver' in window.RTCTrackEvent.prototype)) { + Object.defineProperty(window.RTCTrackEvent.prototype, 'transceiver', { + get: function get() { + return { receiver: this.receiver }; + } + }); + } +} + +function shimCreateOfferLegacy(window) { + var origCreateOffer = window.RTCPeerConnection.prototype.createOffer; + window.RTCPeerConnection.prototype.createOffer = function createOffer(offerOptions) { + if (offerOptions) { + if (typeof offerOptions.offerToReceiveAudio !== 'undefined') { + // support bit values + offerOptions.offerToReceiveAudio = !!offerOptions.offerToReceiveAudio; + } + var audioTransceiver = this.getTransceivers().find(function (transceiver) { + return transceiver.receiver.track.kind === 'audio'; + }); + if (offerOptions.offerToReceiveAudio === false && audioTransceiver) { + if (audioTransceiver.direction === 'sendrecv') { + if (audioTransceiver.setDirection) { + audioTransceiver.setDirection('sendonly'); + } else { + audioTransceiver.direction = 'sendonly'; + } + } else if (audioTransceiver.direction === 'recvonly') { + if (audioTransceiver.setDirection) { + audioTransceiver.setDirection('inactive'); + } else { + audioTransceiver.direction = 'inactive'; + } + } + } else if (offerOptions.offerToReceiveAudio === true && !audioTransceiver) { + this.addTransceiver('audio', { direction: 'recvonly' }); + } + + if (typeof offerOptions.offerToReceiveVideo !== 'undefined') { + // support bit values + offerOptions.offerToReceiveVideo = !!offerOptions.offerToReceiveVideo; + } + var videoTransceiver = this.getTransceivers().find(function (transceiver) { + return transceiver.receiver.track.kind === 'video'; + }); + if (offerOptions.offerToReceiveVideo === false && videoTransceiver) { + if (videoTransceiver.direction === 'sendrecv') { + if (videoTransceiver.setDirection) { + videoTransceiver.setDirection('sendonly'); + } else { + videoTransceiver.direction = 'sendonly'; + } + } else if (videoTransceiver.direction === 'recvonly') { + if (videoTransceiver.setDirection) { + videoTransceiver.setDirection('inactive'); + } else { + videoTransceiver.direction = 'inactive'; + } + } + } else if (offerOptions.offerToReceiveVideo === true && !videoTransceiver) { + this.addTransceiver('video', { direction: 'recvonly' }); + } + } + return origCreateOffer.apply(this, arguments); + }; +} + +function shimAudioContext(window) { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) !== 'object' || window.AudioContext) { + return; + } + window.AudioContext = window.webkitAudioContext; +} + +},{"../utils":11}],11:[function(require,module,exports){ +/* + * Copyright (c) 2016 The WebRTC project authors. All Rights Reserved. + * + * Use of this source code is governed by a BSD-style license + * that can be found in the LICENSE file in the root of the source + * tree. + */ +/* eslint-env node */ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.extractVersion = extractVersion; +exports.wrapPeerConnectionEvent = wrapPeerConnectionEvent; +exports.disableLog = disableLog; +exports.disableWarnings = disableWarnings; +exports.log = log; +exports.deprecated = deprecated; +exports.detectBrowser = detectBrowser; +exports.compactObject = compactObject; +exports.walkStats = walkStats; +exports.filterStats = filterStats; + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var logDisabled_ = true; +var deprecationWarnings_ = true; + +/** + * Extract browser version out of the provided user agent string. + * + * @param {!string} uastring userAgent string. + * @param {!string} expr Regular expression used as match criteria. + * @param {!number} pos position in the version string to be returned. + * @return {!number} browser version. + */ +function extractVersion(uastring, expr, pos) { + var match = uastring.match(expr); + return match && match.length >= pos && parseInt(match[pos], 10); +} + +// Wraps the peerconnection event eventNameToWrap in a function +// which returns the modified event object (or false to prevent +// the event). +function wrapPeerConnectionEvent(window, eventNameToWrap, wrapper) { + if (!window.RTCPeerConnection) { + return; + } + var proto = window.RTCPeerConnection.prototype; + var nativeAddEventListener = proto.addEventListener; + proto.addEventListener = function (nativeEventName, cb) { + if (nativeEventName !== eventNameToWrap) { + return nativeAddEventListener.apply(this, arguments); + } + var wrappedCallback = function wrappedCallback(e) { + var modifiedEvent = wrapper(e); + if (modifiedEvent) { + if (cb.handleEvent) { + cb.handleEvent(modifiedEvent); + } else { + cb(modifiedEvent); + } + } + }; + this._eventMap = this._eventMap || {}; + if (!this._eventMap[eventNameToWrap]) { + this._eventMap[eventNameToWrap] = new Map(); + } + this._eventMap[eventNameToWrap].set(cb, wrappedCallback); + return nativeAddEventListener.apply(this, [nativeEventName, wrappedCallback]); + }; + + var nativeRemoveEventListener = proto.removeEventListener; + proto.removeEventListener = function (nativeEventName, cb) { + if (nativeEventName !== eventNameToWrap || !this._eventMap || !this._eventMap[eventNameToWrap]) { + return nativeRemoveEventListener.apply(this, arguments); + } + if (!this._eventMap[eventNameToWrap].has(cb)) { + return nativeRemoveEventListener.apply(this, arguments); + } + var unwrappedCb = this._eventMap[eventNameToWrap].get(cb); + this._eventMap[eventNameToWrap].delete(cb); + if (this._eventMap[eventNameToWrap].size === 0) { + delete this._eventMap[eventNameToWrap]; + } + if (Object.keys(this._eventMap).length === 0) { + delete this._eventMap; + } + return nativeRemoveEventListener.apply(this, [nativeEventName, unwrappedCb]); + }; + + Object.defineProperty(proto, 'on' + eventNameToWrap, { + get: function get() { + return this['_on' + eventNameToWrap]; + }, + set: function set(cb) { + if (this['_on' + eventNameToWrap]) { + this.removeEventListener(eventNameToWrap, this['_on' + eventNameToWrap]); + delete this['_on' + eventNameToWrap]; + } + if (cb) { + this.addEventListener(eventNameToWrap, this['_on' + eventNameToWrap] = cb); + } + }, + + enumerable: true, + configurable: true + }); +} + +function disableLog(bool) { + if (typeof bool !== 'boolean') { + return new Error('Argument type: ' + (typeof bool === 'undefined' ? 'undefined' : _typeof(bool)) + '. Please use a boolean.'); + } + logDisabled_ = bool; + return bool ? 'adapter.js logging disabled' : 'adapter.js logging enabled'; +} + +/** + * Disable or enable deprecation warnings + * @param {!boolean} bool set to true to disable warnings. + */ +function disableWarnings(bool) { + if (typeof bool !== 'boolean') { + return new Error('Argument type: ' + (typeof bool === 'undefined' ? 'undefined' : _typeof(bool)) + '. Please use a boolean.'); + } + deprecationWarnings_ = !bool; + return 'adapter.js deprecation warnings ' + (bool ? 'disabled' : 'enabled'); +} + +function log() { + if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object') { + if (logDisabled_) { + return; + } + if (typeof console !== 'undefined' && typeof console.log === 'function') { + console.log.apply(console, arguments); + } + } +} + +/** + * Shows a deprecation warning suggesting the modern and spec-compatible API. + */ +function deprecated(oldMethod, newMethod) { + if (!deprecationWarnings_) { + return; + } + console.warn(oldMethod + ' is deprecated, please use ' + newMethod + ' instead.'); +} + +/** + * Browser detector. + * + * @return {object} result containing browser and version + * properties. + */ +function detectBrowser(window) { + // Returned result object. + var result = { browser: null, version: null }; + + // Fail early if it's not a browser + if (typeof window === 'undefined' || !window.navigator) { + result.browser = 'Not a browser.'; + return result; + } + + var navigator = window.navigator; + + + if (navigator.mozGetUserMedia) { + // Firefox. + result.browser = 'firefox'; + result.version = extractVersion(navigator.userAgent, /Firefox\/(\d+)\./, 1); + } else if (navigator.webkitGetUserMedia || window.isSecureContext === false && window.webkitRTCPeerConnection) { + // Chrome, Chromium, Webview, Opera. + // Version matches Chrome/WebRTC version. + // Chrome 74 removed webkitGetUserMedia on http as well so we need the + // more complicated fallback to webkitRTCPeerConnection. + result.browser = 'chrome'; + result.version = extractVersion(navigator.userAgent, /Chrom(e|ium)\/(\d+)\./, 2); + } else if (window.RTCPeerConnection && navigator.userAgent.match(/AppleWebKit\/(\d+)\./)) { + // Safari. + result.browser = 'safari'; + result.version = extractVersion(navigator.userAgent, /AppleWebKit\/(\d+)\./, 1); + result.supportsUnifiedPlan = window.RTCRtpTransceiver && 'currentDirection' in window.RTCRtpTransceiver.prototype; + } else { + // Default fallthrough: not supported. + result.browser = 'Not a supported browser.'; + return result; + } + + return result; +} + +/** + * Checks if something is an object. + * + * @param {*} val The something you want to check. + * @return true if val is an object, false otherwise. + */ +function isObject(val) { + return Object.prototype.toString.call(val) === '[object Object]'; +} + +/** + * Remove all empty objects and undefined values + * from a nested object -- an enhanced and vanilla version + * of Lodash's `compact`. + */ +function compactObject(data) { + if (!isObject(data)) { + return data; + } + + return Object.keys(data).reduce(function (accumulator, key) { + var isObj = isObject(data[key]); + var value = isObj ? compactObject(data[key]) : data[key]; + var isEmptyObject = isObj && !Object.keys(value).length; + if (value === undefined || isEmptyObject) { + return accumulator; + } + return Object.assign(accumulator, _defineProperty({}, key, value)); + }, {}); +} + +/* iterates the stats graph recursively. */ +function walkStats(stats, base, resultSet) { + if (!base || resultSet.has(base.id)) { + return; + } + resultSet.set(base.id, base); + Object.keys(base).forEach(function (name) { + if (name.endsWith('Id')) { + walkStats(stats, stats.get(base[name]), resultSet); + } else if (name.endsWith('Ids')) { + base[name].forEach(function (id) { + walkStats(stats, stats.get(id), resultSet); + }); + } + }); +} + +/* filter getStats for a sender/receiver track. */ +function filterStats(result, track, outbound) { + var streamStatsType = outbound ? 'outbound-rtp' : 'inbound-rtp'; + var filteredResult = new Map(); + if (track === null) { + return filteredResult; + } + var trackStats = []; + result.forEach(function (value) { + if (value.type === 'track' && value.trackIdentifier === track.id) { + trackStats.push(value); + } + }); + trackStats.forEach(function (trackStat) { + result.forEach(function (stats) { + if (stats.type === streamStatsType && stats.trackId === trackStat.id) { + walkStats(result, stats, filteredResult); + } + }); + }); + return filteredResult; +} + +},{}],12:[function(require,module,exports){ +/* eslint-env node */ +'use strict'; + +// SDP helpers. + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +var SDPUtils = {}; + +// Generate an alphanumeric identifier for cname or mids. +// TODO: use UUIDs instead? https://gist.github.com/jed/982883 +SDPUtils.generateIdentifier = function () { + return Math.random().toString(36).substr(2, 10); +}; + +// The RTCP CNAME used by all peerconnections from the same JS. +SDPUtils.localCName = SDPUtils.generateIdentifier(); + +// Splits SDP into lines, dealing with both CRLF and LF. +SDPUtils.splitLines = function (blob) { + return blob.trim().split('\n').map(function (line) { + return line.trim(); + }); +}; +// Splits SDP into sessionpart and mediasections. Ensures CRLF. +SDPUtils.splitSections = function (blob) { + var parts = blob.split('\nm='); + return parts.map(function (part, index) { + return (index > 0 ? 'm=' + part : part).trim() + '\r\n'; + }); +}; + +// Returns the session description. +SDPUtils.getDescription = function (blob) { + var sections = SDPUtils.splitSections(blob); + return sections && sections[0]; +}; + +// Returns the individual media sections. +SDPUtils.getMediaSections = function (blob) { + var sections = SDPUtils.splitSections(blob); + sections.shift(); + return sections; +}; + +// Returns lines that start with a certain prefix. +SDPUtils.matchPrefix = function (blob, prefix) { + return SDPUtils.splitLines(blob).filter(function (line) { + return line.indexOf(prefix) === 0; + }); +}; + +// Parses an ICE candidate line. Sample input: +// candidate:702786350 2 udp 41819902 8.8.8.8 60769 typ relay raddr 8.8.8.8 +// rport 55996" +// Input can be prefixed with a=. +SDPUtils.parseCandidate = function (line) { + var parts = void 0; + // Parse both variants. + if (line.indexOf('a=candidate:') === 0) { + parts = line.substring(12).split(' '); + } else { + parts = line.substring(10).split(' '); + } + + var candidate = { + foundation: parts[0], + component: { 1: 'rtp', 2: 'rtcp' }[parts[1]] || parts[1], + protocol: parts[2].toLowerCase(), + priority: parseInt(parts[3], 10), + ip: parts[4], + address: parts[4], // address is an alias for ip. + port: parseInt(parts[5], 10), + // skip parts[6] == 'typ' + type: parts[7] + }; + + for (var i = 8; i < parts.length; i += 2) { + switch (parts[i]) { + case 'raddr': + candidate.relatedAddress = parts[i + 1]; + break; + case 'rport': + candidate.relatedPort = parseInt(parts[i + 1], 10); + break; + case 'tcptype': + candidate.tcpType = parts[i + 1]; + break; + case 'ufrag': + candidate.ufrag = parts[i + 1]; // for backward compatibility. + candidate.usernameFragment = parts[i + 1]; + break; + default: + // extension handling, in particular ufrag. Don't overwrite. + if (candidate[parts[i]] === undefined) { + candidate[parts[i]] = parts[i + 1]; + } + break; + } + } + return candidate; +}; + +// Translates a candidate object into SDP candidate attribute. +// This does not include the a= prefix! +SDPUtils.writeCandidate = function (candidate) { + var sdp = []; + sdp.push(candidate.foundation); + + var component = candidate.component; + if (component === 'rtp') { + sdp.push(1); + } else if (component === 'rtcp') { + sdp.push(2); + } else { + sdp.push(component); + } + sdp.push(candidate.protocol.toUpperCase()); + sdp.push(candidate.priority); + sdp.push(candidate.address || candidate.ip); + sdp.push(candidate.port); + + var type = candidate.type; + sdp.push('typ'); + sdp.push(type); + if (type !== 'host' && candidate.relatedAddress && candidate.relatedPort) { + sdp.push('raddr'); + sdp.push(candidate.relatedAddress); + sdp.push('rport'); + sdp.push(candidate.relatedPort); + } + if (candidate.tcpType && candidate.protocol.toLowerCase() === 'tcp') { + sdp.push('tcptype'); + sdp.push(candidate.tcpType); + } + if (candidate.usernameFragment || candidate.ufrag) { + sdp.push('ufrag'); + sdp.push(candidate.usernameFragment || candidate.ufrag); + } + return 'candidate:' + sdp.join(' '); +}; + +// Parses an ice-options line, returns an array of option tags. +// Sample input: +// a=ice-options:foo bar +SDPUtils.parseIceOptions = function (line) { + return line.substr(14).split(' '); +}; + +// Parses a rtpmap line, returns RTCRtpCoddecParameters. Sample input: +// a=rtpmap:111 opus/48000/2 +SDPUtils.parseRtpMap = function (line) { + var parts = line.substr(9).split(' '); + var parsed = { + payloadType: parseInt(parts.shift(), 10) // was: id + }; + + parts = parts[0].split('/'); + + parsed.name = parts[0]; + parsed.clockRate = parseInt(parts[1], 10); // was: clockrate + parsed.channels = parts.length === 3 ? parseInt(parts[2], 10) : 1; + // legacy alias, got renamed back to channels in ORTC. + parsed.numChannels = parsed.channels; + return parsed; +}; + +// Generates a rtpmap line from RTCRtpCodecCapability or +// RTCRtpCodecParameters. +SDPUtils.writeRtpMap = function (codec) { + var pt = codec.payloadType; + if (codec.preferredPayloadType !== undefined) { + pt = codec.preferredPayloadType; + } + var channels = codec.channels || codec.numChannels || 1; + return 'a=rtpmap:' + pt + ' ' + codec.name + '/' + codec.clockRate + (channels !== 1 ? '/' + channels : '') + '\r\n'; +}; + +// Parses a extmap line (headerextension from RFC 5285). Sample input: +// a=extmap:2 urn:ietf:params:rtp-hdrext:toffset +// a=extmap:2/sendonly urn:ietf:params:rtp-hdrext:toffset +SDPUtils.parseExtmap = function (line) { + var parts = line.substr(9).split(' '); + return { + id: parseInt(parts[0], 10), + direction: parts[0].indexOf('/') > 0 ? parts[0].split('/')[1] : 'sendrecv', + uri: parts[1] + }; +}; + +// Generates an extmap line from RTCRtpHeaderExtensionParameters or +// RTCRtpHeaderExtension. +SDPUtils.writeExtmap = function (headerExtension) { + return 'a=extmap:' + (headerExtension.id || headerExtension.preferredId) + (headerExtension.direction && headerExtension.direction !== 'sendrecv' ? '/' + headerExtension.direction : '') + ' ' + headerExtension.uri + '\r\n'; +}; + +// Parses a fmtp line, returns dictionary. Sample input: +// a=fmtp:96 vbr=on;cng=on +// Also deals with vbr=on; cng=on +SDPUtils.parseFmtp = function (line) { + var parsed = {}; + var kv = void 0; + var parts = line.substr(line.indexOf(' ') + 1).split(';'); + for (var j = 0; j < parts.length; j++) { + kv = parts[j].trim().split('='); + parsed[kv[0].trim()] = kv[1]; + } + return parsed; +}; + +// Generates a fmtp line from RTCRtpCodecCapability or RTCRtpCodecParameters. +SDPUtils.writeFmtp = function (codec) { + var line = ''; + var pt = codec.payloadType; + if (codec.preferredPayloadType !== undefined) { + pt = codec.preferredPayloadType; + } + if (codec.parameters && Object.keys(codec.parameters).length) { + var params = []; + Object.keys(codec.parameters).forEach(function (param) { + if (codec.parameters[param] !== undefined) { + params.push(param + '=' + codec.parameters[param]); + } else { + params.push(param); + } + }); + line += 'a=fmtp:' + pt + ' ' + params.join(';') + '\r\n'; + } + return line; +}; + +// Parses a rtcp-fb line, returns RTCPRtcpFeedback object. Sample input: +// a=rtcp-fb:98 nack rpsi +SDPUtils.parseRtcpFb = function (line) { + var parts = line.substr(line.indexOf(' ') + 1).split(' '); + return { + type: parts.shift(), + parameter: parts.join(' ') + }; +}; + +// Generate a=rtcp-fb lines from RTCRtpCodecCapability or RTCRtpCodecParameters. +SDPUtils.writeRtcpFb = function (codec) { + var lines = ''; + var pt = codec.payloadType; + if (codec.preferredPayloadType !== undefined) { + pt = codec.preferredPayloadType; + } + if (codec.rtcpFeedback && codec.rtcpFeedback.length) { + // FIXME: special handling for trr-int? + codec.rtcpFeedback.forEach(function (fb) { + lines += 'a=rtcp-fb:' + pt + ' ' + fb.type + (fb.parameter && fb.parameter.length ? ' ' + fb.parameter : '') + '\r\n'; + }); + } + return lines; +}; + +// Parses a RFC 5576 ssrc media attribute. Sample input: +// a=ssrc:3735928559 cname:something +SDPUtils.parseSsrcMedia = function (line) { + var sp = line.indexOf(' '); + var parts = { + ssrc: parseInt(line.substr(7, sp - 7), 10) + }; + var colon = line.indexOf(':', sp); + if (colon > -1) { + parts.attribute = line.substr(sp + 1, colon - sp - 1); + parts.value = line.substr(colon + 1); + } else { + parts.attribute = line.substr(sp + 1); + } + return parts; +}; + +// Parse a ssrc-group line (see RFC 5576). Sample input: +// a=ssrc-group:semantics 12 34 +SDPUtils.parseSsrcGroup = function (line) { + var parts = line.substr(13).split(' '); + return { + semantics: parts.shift(), + ssrcs: parts.map(function (ssrc) { + return parseInt(ssrc, 10); + }) + }; +}; + +// Extracts the MID (RFC 5888) from a media section. +// Returns the MID or undefined if no mid line was found. +SDPUtils.getMid = function (mediaSection) { + var mid = SDPUtils.matchPrefix(mediaSection, 'a=mid:')[0]; + if (mid) { + return mid.substr(6); + } +}; + +// Parses a fingerprint line for DTLS-SRTP. +SDPUtils.parseFingerprint = function (line) { + var parts = line.substr(14).split(' '); + return { + algorithm: parts[0].toLowerCase(), // algorithm is case-sensitive in Edge. + value: parts[1].toUpperCase() // the definition is upper-case in RFC 4572. + }; +}; + +// Extracts DTLS parameters from SDP media section or sessionpart. +// FIXME: for consistency with other functions this should only +// get the fingerprint line as input. See also getIceParameters. +SDPUtils.getDtlsParameters = function (mediaSection, sessionpart) { + var lines = SDPUtils.matchPrefix(mediaSection + sessionpart, 'a=fingerprint:'); + // Note: a=setup line is ignored since we use the 'auto' role in Edge. + return { + role: 'auto', + fingerprints: lines.map(SDPUtils.parseFingerprint) + }; +}; + +// Serializes DTLS parameters to SDP. +SDPUtils.writeDtlsParameters = function (params, setupType) { + var sdp = 'a=setup:' + setupType + '\r\n'; + params.fingerprints.forEach(function (fp) { + sdp += 'a=fingerprint:' + fp.algorithm + ' ' + fp.value + '\r\n'; + }); + return sdp; +}; + +// Parses a=crypto lines into +// https://rawgit.com/aboba/edgertc/master/msortc-rs4.html#dictionary-rtcsrtpsdesparameters-members +SDPUtils.parseCryptoLine = function (line) { + var parts = line.substr(9).split(' '); + return { + tag: parseInt(parts[0], 10), + cryptoSuite: parts[1], + keyParams: parts[2], + sessionParams: parts.slice(3) + }; +}; + +SDPUtils.writeCryptoLine = function (parameters) { + return 'a=crypto:' + parameters.tag + ' ' + parameters.cryptoSuite + ' ' + (_typeof(parameters.keyParams) === 'object' ? SDPUtils.writeCryptoKeyParams(parameters.keyParams) : parameters.keyParams) + (parameters.sessionParams ? ' ' + parameters.sessionParams.join(' ') : '') + '\r\n'; +}; + +// Parses the crypto key parameters into +// https://rawgit.com/aboba/edgertc/master/msortc-rs4.html#rtcsrtpkeyparam* +SDPUtils.parseCryptoKeyParams = function (keyParams) { + if (keyParams.indexOf('inline:') !== 0) { + return null; + } + var parts = keyParams.substr(7).split('|'); + return { + keyMethod: 'inline', + keySalt: parts[0], + lifeTime: parts[1], + mkiValue: parts[2] ? parts[2].split(':')[0] : undefined, + mkiLength: parts[2] ? parts[2].split(':')[1] : undefined + }; +}; + +SDPUtils.writeCryptoKeyParams = function (keyParams) { + return keyParams.keyMethod + ':' + keyParams.keySalt + (keyParams.lifeTime ? '|' + keyParams.lifeTime : '') + (keyParams.mkiValue && keyParams.mkiLength ? '|' + keyParams.mkiValue + ':' + keyParams.mkiLength : ''); +}; + +// Extracts all SDES parameters. +SDPUtils.getCryptoParameters = function (mediaSection, sessionpart) { + var lines = SDPUtils.matchPrefix(mediaSection + sessionpart, 'a=crypto:'); + return lines.map(SDPUtils.parseCryptoLine); +}; + +// Parses ICE information from SDP media section or sessionpart. +// FIXME: for consistency with other functions this should only +// get the ice-ufrag and ice-pwd lines as input. +SDPUtils.getIceParameters = function (mediaSection, sessionpart) { + var ufrag = SDPUtils.matchPrefix(mediaSection + sessionpart, 'a=ice-ufrag:')[0]; + var pwd = SDPUtils.matchPrefix(mediaSection + sessionpart, 'a=ice-pwd:')[0]; + if (!(ufrag && pwd)) { + return null; + } + return { + usernameFragment: ufrag.substr(12), + password: pwd.substr(10) + }; +}; + +// Serializes ICE parameters to SDP. +SDPUtils.writeIceParameters = function (params) { + var sdp = 'a=ice-ufrag:' + params.usernameFragment + '\r\n' + 'a=ice-pwd:' + params.password + '\r\n'; + if (params.iceLite) { + sdp += 'a=ice-lite\r\n'; + } + return sdp; +}; + +// Parses the SDP media section and returns RTCRtpParameters. +SDPUtils.parseRtpParameters = function (mediaSection) { + var description = { + codecs: [], + headerExtensions: [], + fecMechanisms: [], + rtcp: [] + }; + var lines = SDPUtils.splitLines(mediaSection); + var mline = lines[0].split(' '); + for (var i = 3; i < mline.length; i++) { + // find all codecs from mline[3..] + var pt = mline[i]; + var rtpmapline = SDPUtils.matchPrefix(mediaSection, 'a=rtpmap:' + pt + ' ')[0]; + if (rtpmapline) { + var codec = SDPUtils.parseRtpMap(rtpmapline); + var fmtps = SDPUtils.matchPrefix(mediaSection, 'a=fmtp:' + pt + ' '); + // Only the first a=fmtp: is considered. + codec.parameters = fmtps.length ? SDPUtils.parseFmtp(fmtps[0]) : {}; + codec.rtcpFeedback = SDPUtils.matchPrefix(mediaSection, 'a=rtcp-fb:' + pt + ' ').map(SDPUtils.parseRtcpFb); + description.codecs.push(codec); + // parse FEC mechanisms from rtpmap lines. + switch (codec.name.toUpperCase()) { + case 'RED': + case 'ULPFEC': + description.fecMechanisms.push(codec.name.toUpperCase()); + break; + default: + // only RED and ULPFEC are recognized as FEC mechanisms. + break; + } + } + } + SDPUtils.matchPrefix(mediaSection, 'a=extmap:').forEach(function (line) { + description.headerExtensions.push(SDPUtils.parseExtmap(line)); + }); + // FIXME: parse rtcp. + return description; +}; + +// Generates parts of the SDP media section describing the capabilities / +// parameters. +SDPUtils.writeRtpDescription = function (kind, caps) { + var sdp = ''; + + // Build the mline. + sdp += 'm=' + kind + ' '; + sdp += caps.codecs.length > 0 ? '9' : '0'; // reject if no codecs. + sdp += ' UDP/TLS/RTP/SAVPF '; + sdp += caps.codecs.map(function (codec) { + if (codec.preferredPayloadType !== undefined) { + return codec.preferredPayloadType; + } + return codec.payloadType; + }).join(' ') + '\r\n'; + + sdp += 'c=IN IP4 0.0.0.0\r\n'; + sdp += 'a=rtcp:9 IN IP4 0.0.0.0\r\n'; + + // Add a=rtpmap lines for each codec. Also fmtp and rtcp-fb. + caps.codecs.forEach(function (codec) { + sdp += SDPUtils.writeRtpMap(codec); + sdp += SDPUtils.writeFmtp(codec); + sdp += SDPUtils.writeRtcpFb(codec); + }); + var maxptime = 0; + caps.codecs.forEach(function (codec) { + if (codec.maxptime > maxptime) { + maxptime = codec.maxptime; + } + }); + if (maxptime > 0) { + sdp += 'a=maxptime:' + maxptime + '\r\n'; + } + + if (caps.headerExtensions) { + caps.headerExtensions.forEach(function (extension) { + sdp += SDPUtils.writeExtmap(extension); + }); + } + // FIXME: write fecMechanisms. + return sdp; +}; + +// Parses the SDP media section and returns an array of +// RTCRtpEncodingParameters. +SDPUtils.parseRtpEncodingParameters = function (mediaSection) { + var encodingParameters = []; + var description = SDPUtils.parseRtpParameters(mediaSection); + var hasRed = description.fecMechanisms.indexOf('RED') !== -1; + var hasUlpfec = description.fecMechanisms.indexOf('ULPFEC') !== -1; + + // filter a=ssrc:... cname:, ignore PlanB-msid + var ssrcs = SDPUtils.matchPrefix(mediaSection, 'a=ssrc:').map(function (line) { + return SDPUtils.parseSsrcMedia(line); + }).filter(function (parts) { + return parts.attribute === 'cname'; + }); + var primarySsrc = ssrcs.length > 0 && ssrcs[0].ssrc; + var secondarySsrc = void 0; + + var flows = SDPUtils.matchPrefix(mediaSection, 'a=ssrc-group:FID').map(function (line) { + var parts = line.substr(17).split(' '); + return parts.map(function (part) { + return parseInt(part, 10); + }); + }); + if (flows.length > 0 && flows[0].length > 1 && flows[0][0] === primarySsrc) { + secondarySsrc = flows[0][1]; + } + + description.codecs.forEach(function (codec) { + if (codec.name.toUpperCase() === 'RTX' && codec.parameters.apt) { + var encParam = { + ssrc: primarySsrc, + codecPayloadType: parseInt(codec.parameters.apt, 10) + }; + if (primarySsrc && secondarySsrc) { + encParam.rtx = { ssrc: secondarySsrc }; + } + encodingParameters.push(encParam); + if (hasRed) { + encParam = JSON.parse(JSON.stringify(encParam)); + encParam.fec = { + ssrc: primarySsrc, + mechanism: hasUlpfec ? 'red+ulpfec' : 'red' + }; + encodingParameters.push(encParam); + } + } + }); + if (encodingParameters.length === 0 && primarySsrc) { + encodingParameters.push({ + ssrc: primarySsrc + }); + } + + // we support both b=AS and b=TIAS but interpret AS as TIAS. + var bandwidth = SDPUtils.matchPrefix(mediaSection, 'b='); + if (bandwidth.length) { + if (bandwidth[0].indexOf('b=TIAS:') === 0) { + bandwidth = parseInt(bandwidth[0].substr(7), 10); + } else if (bandwidth[0].indexOf('b=AS:') === 0) { + // use formula from JSEP to convert b=AS to TIAS value. + bandwidth = parseInt(bandwidth[0].substr(5), 10) * 1000 * 0.95 - 50 * 40 * 8; + } else { + bandwidth = undefined; + } + encodingParameters.forEach(function (params) { + params.maxBitrate = bandwidth; + }); + } + return encodingParameters; +}; + +// parses http://draft.ortc.org/#rtcrtcpparameters* +SDPUtils.parseRtcpParameters = function (mediaSection) { + var rtcpParameters = {}; + + // Gets the first SSRC. Note that with RTX there might be multiple + // SSRCs. + var remoteSsrc = SDPUtils.matchPrefix(mediaSection, 'a=ssrc:').map(function (line) { + return SDPUtils.parseSsrcMedia(line); + }).filter(function (obj) { + return obj.attribute === 'cname'; + })[0]; + if (remoteSsrc) { + rtcpParameters.cname = remoteSsrc.value; + rtcpParameters.ssrc = remoteSsrc.ssrc; + } + + // Edge uses the compound attribute instead of reducedSize + // compound is !reducedSize + var rsize = SDPUtils.matchPrefix(mediaSection, 'a=rtcp-rsize'); + rtcpParameters.reducedSize = rsize.length > 0; + rtcpParameters.compound = rsize.length === 0; + + // parses the rtcp-mux attrіbute. + // Note that Edge does not support unmuxed RTCP. + var mux = SDPUtils.matchPrefix(mediaSection, 'a=rtcp-mux'); + rtcpParameters.mux = mux.length > 0; + + return rtcpParameters; +}; + +SDPUtils.writeRtcpParameters = function (rtcpParameters) { + var sdp = ''; + if (rtcpParameters.reducedSize) { + sdp += 'a=rtcp-rsize\r\n'; + } + if (rtcpParameters.mux) { + sdp += 'a=rtcp-mux\r\n'; + } + if (rtcpParameters.ssrc !== undefined && rtcpParameters.cname) { + sdp += 'a=ssrc:' + rtcpParameters.ssrc + ' cname:' + rtcpParameters.cname + '\r\n'; + } + return sdp; +}; + +// parses either a=msid: or a=ssrc:... msid lines and returns +// the id of the MediaStream and MediaStreamTrack. +SDPUtils.parseMsid = function (mediaSection) { + var parts = void 0; + var spec = SDPUtils.matchPrefix(mediaSection, 'a=msid:'); + if (spec.length === 1) { + parts = spec[0].substr(7).split(' '); + return { stream: parts[0], track: parts[1] }; + } + var planB = SDPUtils.matchPrefix(mediaSection, 'a=ssrc:').map(function (line) { + return SDPUtils.parseSsrcMedia(line); + }).filter(function (msidParts) { + return msidParts.attribute === 'msid'; + }); + if (planB.length > 0) { + parts = planB[0].value.split(' '); + return { stream: parts[0], track: parts[1] }; + } +}; + +// SCTP +// parses draft-ietf-mmusic-sctp-sdp-26 first and falls back +// to draft-ietf-mmusic-sctp-sdp-05 +SDPUtils.parseSctpDescription = function (mediaSection) { + var mline = SDPUtils.parseMLine(mediaSection); + var maxSizeLine = SDPUtils.matchPrefix(mediaSection, 'a=max-message-size:'); + var maxMessageSize = void 0; + if (maxSizeLine.length > 0) { + maxMessageSize = parseInt(maxSizeLine[0].substr(19), 10); + } + if (isNaN(maxMessageSize)) { + maxMessageSize = 65536; + } + var sctpPort = SDPUtils.matchPrefix(mediaSection, 'a=sctp-port:'); + if (sctpPort.length > 0) { + return { + port: parseInt(sctpPort[0].substr(12), 10), + protocol: mline.fmt, + maxMessageSize: maxMessageSize + }; + } + var sctpMapLines = SDPUtils.matchPrefix(mediaSection, 'a=sctpmap:'); + if (sctpMapLines.length > 0) { + var parts = sctpMapLines[0].substr(10).split(' '); + return { + port: parseInt(parts[0], 10), + protocol: parts[1], + maxMessageSize: maxMessageSize + }; + } +}; + +// SCTP +// outputs the draft-ietf-mmusic-sctp-sdp-26 version that all browsers +// support by now receiving in this format, unless we originally parsed +// as the draft-ietf-mmusic-sctp-sdp-05 format (indicated by the m-line +// protocol of DTLS/SCTP -- without UDP/ or TCP/) +SDPUtils.writeSctpDescription = function (media, sctp) { + var output = []; + if (media.protocol !== 'DTLS/SCTP') { + output = ['m=' + media.kind + ' 9 ' + media.protocol + ' ' + sctp.protocol + '\r\n', 'c=IN IP4 0.0.0.0\r\n', 'a=sctp-port:' + sctp.port + '\r\n']; + } else { + output = ['m=' + media.kind + ' 9 ' + media.protocol + ' ' + sctp.port + '\r\n', 'c=IN IP4 0.0.0.0\r\n', 'a=sctpmap:' + sctp.port + ' ' + sctp.protocol + ' 65535\r\n']; + } + if (sctp.maxMessageSize !== undefined) { + output.push('a=max-message-size:' + sctp.maxMessageSize + '\r\n'); + } + return output.join(''); +}; + +// Generate a session ID for SDP. +// https://tools.ietf.org/html/draft-ietf-rtcweb-jsep-20#section-5.2.1 +// recommends using a cryptographically random +ve 64-bit value +// but right now this should be acceptable and within the right range +SDPUtils.generateSessionId = function () { + return Math.random().toString().substr(2, 21); +}; + +// Write boiler plate for start of SDP +// sessId argument is optional - if not supplied it will +// be generated randomly +// sessVersion is optional and defaults to 2 +// sessUser is optional and defaults to 'thisisadapterortc' +SDPUtils.writeSessionBoilerplate = function (sessId, sessVer, sessUser) { + var sessionId = void 0; + var version = sessVer !== undefined ? sessVer : 2; + if (sessId) { + sessionId = sessId; + } else { + sessionId = SDPUtils.generateSessionId(); + } + var user = sessUser || 'thisisadapterortc'; + // FIXME: sess-id should be an NTP timestamp. + return 'v=0\r\n' + 'o=' + user + ' ' + sessionId + ' ' + version + ' IN IP4 127.0.0.1\r\n' + 's=-\r\n' + 't=0 0\r\n'; +}; + +// Gets the direction from the mediaSection or the sessionpart. +SDPUtils.getDirection = function (mediaSection, sessionpart) { + // Look for sendrecv, sendonly, recvonly, inactive, default to sendrecv. + var lines = SDPUtils.splitLines(mediaSection); + for (var i = 0; i < lines.length; i++) { + switch (lines[i]) { + case 'a=sendrecv': + case 'a=sendonly': + case 'a=recvonly': + case 'a=inactive': + return lines[i].substr(2); + default: + // FIXME: What should happen here? + } + } + if (sessionpart) { + return SDPUtils.getDirection(sessionpart); + } + return 'sendrecv'; +}; + +SDPUtils.getKind = function (mediaSection) { + var lines = SDPUtils.splitLines(mediaSection); + var mline = lines[0].split(' '); + return mline[0].substr(2); +}; + +SDPUtils.isRejected = function (mediaSection) { + return mediaSection.split(' ', 2)[1] === '0'; +}; + +SDPUtils.parseMLine = function (mediaSection) { + var lines = SDPUtils.splitLines(mediaSection); + var parts = lines[0].substr(2).split(' '); + return { + kind: parts[0], + port: parseInt(parts[1], 10), + protocol: parts[2], + fmt: parts.slice(3).join(' ') + }; +}; + +SDPUtils.parseOLine = function (mediaSection) { + var line = SDPUtils.matchPrefix(mediaSection, 'o=')[0]; + var parts = line.substr(2).split(' '); + return { + username: parts[0], + sessionId: parts[1], + sessionVersion: parseInt(parts[2], 10), + netType: parts[3], + addressType: parts[4], + address: parts[5] + }; +}; + +// a very naive interpretation of a valid SDP. +SDPUtils.isValidSDP = function (blob) { + if (typeof blob !== 'string' || blob.length === 0) { + return false; + } + var lines = SDPUtils.splitLines(blob); + for (var i = 0; i < lines.length; i++) { + if (lines[i].length < 2 || lines[i].charAt(1) !== '=') { + return false; + } + // TODO: check the modifier a bit more. + } + return true; +}; + +// Expose public methods. +if ((typeof module === 'undefined' ? 'undefined' : _typeof(module)) === 'object') { + module.exports = SDPUtils; +} +},{}]},{},[1])(1) +}); diff --git a/public/lib/webrtcstreamer.js b/public/lib/webrtcstreamer.js new file mode 100644 index 00000000..43b9d516 --- /dev/null +++ b/public/lib/webrtcstreamer.js @@ -0,0 +1,322 @@ +var WebRtcStreamer = (function() { + +/** + * Interface with WebRTC-streamer API + * @constructor + * @param {string} videoElement - id of the video element tag + * @param {string} srvurl - url of webrtc-streamer (default is current location) +*/ +var WebRtcStreamer = function WebRtcStreamer (videoElement, srvurl) { + if (typeof videoElement === "string") { + this.videoElement = document.getElementById(videoElement); + } else { + this.videoElement = videoElement; + } + this.srvurl = srvurl || location.protocol+"//"+window.location.hostname+":"+window.location.port; + this.pc = null; + + this.mediaConstraints = { offerToReceiveAudio: true, offerToReceiveVideo: true }; + + this.iceServers = null; + this.earlyCandidates = []; +} + +WebRtcStreamer.prototype._handleHttpErrors = function (response) { + if (!response.ok) { + throw Error(response.statusText); + } + return response; +} + +/** + * Connect a WebRTC Stream to videoElement + * @param {string} videourl - id of WebRTC video stream + * @param {string} audiourl - id of WebRTC audio stream + * @param {string} options - options of WebRTC call + * @param {string} stream - local stream to send + * @param {string} prefmime - prefered mime +*/ +WebRtcStreamer.prototype.connect = function(videourl, audiourl, options, localstream, prefmime) { + this.disconnect(); + + // getIceServers is not already received + if (!this.iceServers) { + console.log("Get IceServers"); + + fetch(this.srvurl + "/api/getIceServers") + .then(this._handleHttpErrors) + .then( (response) => (response.json()) ) + .then( (response) => this.onReceiveGetIceServers(response, videourl, audiourl, options, localstream, prefmime)) + .catch( (error) => this.onError("getIceServers " + error )) + + } else { + this.onReceiveGetIceServers(this.iceServers, videourl, audiourl, options, localstream, prefmime); + } +} + +/** + * Disconnect a WebRTC Stream and clear videoElement source +*/ +WebRtcStreamer.prototype.disconnect = function() { + if (this.videoElement?.srcObject) { + this.videoElement.srcObject.getTracks().forEach(track => { + track.stop() + this.videoElement.srcObject.removeTrack(track); + }); + } + if (this.pc) { + fetch(this.srvurl + "/api/hangup?peerid=" + this.pc.peerid) + .then(this._handleHttpErrors) + .catch( (error) => this.onError("hangup " + error )) + + + try { + this.pc.close(); + } + catch (e) { + console.log ("Failure close peer connection:" + e); + } + this.pc = null; + } +} + +/* +* GetIceServers callback +*/ +WebRtcStreamer.prototype.onReceiveGetIceServers = function(iceServers, videourl, audiourl, options, stream, prefmime) { + this.iceServers = iceServers; + this.pcConfig = iceServers || {"iceServers": [] }; + try { + this.createPeerConnection(); + + var callurl = this.srvurl + "/api/call?peerid=" + this.pc.peerid + "&url=" + encodeURIComponent(videourl); + if (audiourl) { + callurl += "&audiourl="+encodeURIComponent(audiourl); + } + if (options) { + callurl += "&options="+encodeURIComponent(options); + } + + if (stream) { + this.pc.addStream(stream); + } + + // clear early candidates + this.earlyCandidates.length = 0; + + // create Offer + this.pc.createOffer(this.mediaConstraints).then((sessionDescription) => { + console.log("Create offer:" + JSON.stringify(sessionDescription)); + + if (prefmime != undefined) { + //set prefered codec + let [prefkind] = prefmime.split('/'); + let codecs = RTCRtpReceiver.getCapabilities(prefkind).codecs; + console.log(`codecs:${JSON.stringify(codecs)}`) + let preferedCodecs = codecs.filter(codec => codec.mimeType === prefmime); + + console.log(`preferedCodecs:${JSON.stringify(preferedCodecs)}`); + this.pc.getTransceivers().filter(transceiver => transceiver.receiver.track.kind === prefkind).forEach(tcvr => { + if(tcvr.setCodecPreferences != undefined) { + tcvr.setCodecPreferences(preferedCodecs); + } + }); + } + + + this.pc.setLocalDescription(sessionDescription) + .then(() => { + fetch(callurl, { method: "POST", body: JSON.stringify(sessionDescription) }) + .then(this._handleHttpErrors) + .then( (response) => (response.json()) ) + .catch( (error) => this.onError("call " + error )) + .then( (response) => this.onReceiveCall(response) ) + .catch( (error) => this.onError("call " + error )) + + }, (error) => { + console.log ("setLocalDescription error:" + JSON.stringify(error)); + }); + + }, (error) => { + alert("Create offer error:" + JSON.stringify(error)); + }); + + } catch (e) { + this.disconnect(); + alert("connect error: " + e); + } +} + + +WebRtcStreamer.prototype.getIceCandidate = function() { + fetch(this.srvurl + "/api/getIceCandidate?peerid=" + this.pc.peerid) + .then(this._handleHttpErrors) + .then( (response) => (response.json()) ) + .then( (response) => this.onReceiveCandidate(response)) + .catch( (error) => this.onError("getIceCandidate " + error )) +} + +/* +* create RTCPeerConnection +*/ +WebRtcStreamer.prototype.createPeerConnection = function() { + console.log("createPeerConnection config: " + JSON.stringify(this.pcConfig)); + this.pc = new RTCPeerConnection(this.pcConfig); + var pc = this.pc; + pc.peerid = Math.random(); + + pc.onicecandidate = (evt) => this.onIceCandidate(evt); + pc.onaddstream = (evt) => this.onAddStream(evt); + pc.oniceconnectionstatechange = (evt) => { + console.log("oniceconnectionstatechange state: " + pc.iceConnectionState); + if (this.videoElement) { + if (pc.iceConnectionState === "connected") { + this.videoElement.style.opacity = "1.0"; + } + else if (pc.iceConnectionState === "disconnected") { + this.videoElement.style.opacity = "0.25"; + } + else if ( (pc.iceConnectionState === "failed") || (pc.iceConnectionState === "closed") ) { + this.videoElement.style.opacity = "0.5"; + } else if (pc.iceConnectionState === "new") { + this.getIceCandidate(); + } + } + } + pc.ondatachannel = function(evt) { + console.log("remote datachannel created:"+JSON.stringify(evt)); + + evt.channel.onopen = function () { + console.log("remote datachannel open"); + this.send("remote channel openned"); + } + evt.channel.onmessage = function (event) { + console.log("remote datachannel recv:"+JSON.stringify(event.data)); + } + } + pc.onicegatheringstatechange = function() { + if (pc.iceGatheringState === "complete") { + const recvs = pc.getReceivers(); + + recvs.forEach((recv) => { + if (recv.track && recv.track.kind === "video") { + console.log("codecs:" + JSON.stringify(recv.getParameters().codecs)) + } + }); + } + } + + try { + var dataChannel = pc.createDataChannel("ClientDataChannel"); + dataChannel.onopen = function() { + console.log("local datachannel open"); + this.send("local channel openned"); + } + dataChannel.onmessage = function(evt) { + console.log("local datachannel recv:"+JSON.stringify(evt.data)); + } + } catch (e) { + console.log("Cannor create datachannel error: " + e); + } + + console.log("Created RTCPeerConnnection with config: " + JSON.stringify(this.pcConfig) ); + return pc; +} + + +/* +* RTCPeerConnection IceCandidate callback +*/ +WebRtcStreamer.prototype.onIceCandidate = function (event) { + if (event.candidate) { + if (this.pc.currentRemoteDescription) { + this.addIceCandidate(this.pc.peerid, event.candidate); + } else { + this.earlyCandidates.push(event.candidate); + } + } + else { + console.log("End of candidates."); + } +} + + +WebRtcStreamer.prototype.addIceCandidate = function(peerid, candidate) { + fetch(this.srvurl + "/api/addIceCandidate?peerid="+peerid, { method: "POST", body: JSON.stringify(candidate) }) + .then(this._handleHttpErrors) + .then( (response) => (response.json()) ) + .then( (response) => {console.log("addIceCandidate ok:" + response)}) + .catch( (error) => this.onError("addIceCandidate " + error )) +} + +/* +* RTCPeerConnection AddTrack callback +*/ +WebRtcStreamer.prototype.onAddStream = function(event) { + console.log("Remote track added:" + JSON.stringify(event)); + + this.videoElement.srcObject = event.stream; + var promise = this.videoElement.play(); + if (promise !== undefined) { + promise.catch((error) => { + console.warn("error:"+error); + this.videoElement.setAttribute("controls", true); + }); + } +} + +/* +* AJAX /call callback +*/ +WebRtcStreamer.prototype.onReceiveCall = function(dataJson) { + + console.log("offer: " + JSON.stringify(dataJson)); + var descr = new RTCSessionDescription(dataJson); + this.pc.setRemoteDescription(descr).then(() => { + console.log ("setRemoteDescription ok"); + while (this.earlyCandidates.length) { + var candidate = this.earlyCandidates.shift(); + this.addIceCandidate(this.pc.peerid, candidate); + } + + this.getIceCandidate() + } + , (error) => { + console.log ("setRemoteDescription error:" + JSON.stringify(error)); + }); +} + +/* +* AJAX /getIceCandidate callback +*/ +WebRtcStreamer.prototype.onReceiveCandidate = function(dataJson) { + console.log("candidate: " + JSON.stringify(dataJson)); + if (dataJson) { + for (var i=0; i { console.log ("addIceCandidate OK"); } + , (error) => { console.log ("addIceCandidate error:" + JSON.stringify(error)); } ); + } + this.pc.addIceCandidate(); + } +} + + +/* +* AJAX callback for Error +*/ +WebRtcStreamer.prototype.onError = function(status) { + console.log("onError:" + status); +} + +return WebRtcStreamer; +})(); + +if (typeof window !== 'undefined' && typeof window.document !== 'undefined') { + window.WebRtcStreamer = WebRtcStreamer; +} +if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') { + module.exports = WebRtcStreamer; +} diff --git a/src/assets/images/videoThree1.png.png b/src/assets/images/videoThree1.png similarity index 100% rename from src/assets/images/videoThree1.png.png rename to src/assets/images/videoThree1.png diff --git a/src/assets/js/api/progressManagement.js b/src/assets/js/api/progressManagement.js index a925a7b9..77cebffa 100644 --- a/src/assets/js/api/progressManagement.js +++ b/src/assets/js/api/progressManagement.js @@ -13,6 +13,13 @@ export const editTaskProgressApi = data => post('xmgl/taskProgress/edit', data); export const editProgressBindComponentApi = data => post('xmgl/taskProgress/editBimComponent', data); export const getTaskProgressPageApi = data => post('xmgl/taskProgress/getParentChildPage', data); +//分部分项工程管理--BIMBASE中心进度管理 +export const addTaskProgressRtApi = data => post('xmgl/taskProgressRt/add', data); +export const deleteTaskProgressRtApi = data => post('xmgl/taskProgressRt/delete', data); +export const editTaskProgressRtApi = data => post('xmgl/taskProgressRt/edit', data); +export const editProgressBindComponentRtApi = data => post('xmgl/taskProgressRt/editBimComponent', data); +export const getTaskProgressPageRtApi = data => post('xmgl/taskProgressRt/getParentChildPage', data); + //分部分项工程管理_详情-进度记录 export const getTaskProgressContentApi = data => get('xmgl/taskProgressContent/list', data); diff --git a/src/assets/js/http.js b/src/assets/js/http.js index 02bacf96..8bb90779 100644 --- a/src/assets/js/http.js +++ b/src/assets/js/http.js @@ -83,8 +83,7 @@ if (process.env.NODE_ENV == 'development') { // axios.defaults.baseURL ='http://huli.zjzhiliao.com/jxjgdapi/' //金林湾测试线上 // axios.defaults.baseURL ='http://101.43.164.214:45001/' //上海张江 // axios.defaults.baseURL ='http://101.43.164.214:45011/' //上海优益（上海建工） - // axios.defaults.baseURL = 'http://192.168.34.221:28888/' //郭圣雄本地 - + // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地 axios.defaults.baseURL ='http://192.168.34.221:9111/' //郭圣雄本地 // axios.defaults.baseURL = 'http://182.90.224.237:51234' //郭圣雄远程 // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈 diff --git a/src/pages/index/index.html b/src/pages/index/index.html index 23128e8a..f88ba228 100644 --- a/src/pages/index/index.html +++ b/src/pages/index/index.html @@ -17,6 +17,9 @@ + + + diff --git a/src/router/index.js b/src/router/index.js index 0449d02e..d409522e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1213,6 +1213,13 @@ const routes2 = [ component: () => import("@/views/projectFront/BIMBASECenter/progressManagement.vue"), }, + //BIMBASE中心-构件关联进度--江坑环境 + { + path: "/project/bim/bimBaseComponentSingleProgress", + name: "构件关联进度", + component: () => + import("@/views/projectFront/BIMBASECenter/singleProgressManagement.vue"), + }, //施工日志 { path: "/project/buildersDiary/addDiary", @@ -2846,13 +2853,19 @@ const routes2 = [ component: (resolve) => require(["@/views/projectFront/videoManage/overview.vue"], resolve), }, + // 内网视频 + { + path: "/project/insideVideo", + name: "insideVideo", + component: (resolve) => + require(["@/views/projectFront/insideVideo/overview.vue"], resolve), + }, { path: "/project/imgRanging", name: "imgRanging", component: (resolve) => require(["@/views/projectFront/imgRanging/overview.vue"], resolve), }, - , { path: "/project/warningManage", name: "warningManage", diff --git a/src/views/projectFront/BIMBASECenter/progressManagement.vue b/src/views/projectFront/BIMBASECenter/progressManagement.vue index a4d14577..4f7cba7e 100644 --- a/src/views/projectFront/BIMBASECenter/progressManagement.vue +++ b/src/views/projectFront/BIMBASECenter/progressManagement.vue @@ -200,17 +200,27 @@ :visible.sync="showRelative" title="关联构件" > - <div class="data-show"> - <span>选中的数据值：</span> - <div class="selected-box"> - <template v-show="selectedList.length > 0"> - <div v-for="(item, index) in selectedList" :key="index"> - <span>{{ item ? item.dbId : "" }}</span> - <i class="el-icon-close" @click="deleteSelected(index)"></i> - </div> - </template> - </div> - <el-button type="primary" size="small" @click="saveSelected" + <div class="select-operate"> + <span>模型构件操作：</span> + <el-select v-model="formData.type" placeholder="请选择" size="small"> + <el-option + v-for="item in typeOptions" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + <el-color-picker + v-model="formData.color" + v-if="formData.type == 2" + style="margin-left: 10px;" + color-format="rgb" + ></el-color-picker> + <el-button + type="primary" + size="small" + @click="saveSelected" + style="margin-left: 10px;" >保存</el-button > </div> @@ -239,6 +249,16 @@ export default { mounted() {}, data() { return { + selectedHideList: [], + selectedColorList: [], + typeOptions: [ + { label: "隐藏", value: 1 }, + { label: "着色", value: 2 }, + ], + formData: { + type: 1, + color: "", + }, urn: "", token: "", url: "", @@ -291,17 +311,56 @@ export default { }, methods: { getIframeMessage(e) { - console.log("Message from iframe：", e.data.msg); - if (e.data.msg) { - let dataIndex = null; - dataIndex = this.selectedList.find((item) => { - return item.dbId == e.data.msg[0].dbId; - }); - if (!dataIndex) { - this.selectedList.push({ - ...e.data.msg[0], - }); + console.log("Message from iframe：", e.data); + if (e.data.msg && e.data.msg.length > 0) { + if (this.formData.type == 1) { + if (e.data.tip == "show") { + let dataShowIndex = null; + e.data.msg.map((item) => { + dataShowIndex = this.selectedHideList.findIndex((item2) => { + return item2.dbId == item.dbId; + }); + console.log(dataShowIndex); + if (dataShowIndex >= 0) { + this.selectedHideList.splice(dataShowIndex, 1); + } + }); + } else { + let dataHiddenIndex = null; + e.data.msg.map((item) => { + dataHiddenIndex = this.selectedHideList.find((item2) => { + return item2.dbId == item.dbId; + }); + if (!dataHiddenIndex) { + this.selectedHideList.push({ + ...item, + }); + } + }); + } + } else { + if (!e.data.tip) { + let dataIndex = null; + e.data.msg.map((item) => { + dataIndex = this.selectedColorList.findIndex((item2) => { + return item2.dbId == item.dbId; + }); + if (dataIndex == -1) { + this.selectedColorList.push({ + ...item, + color: this.formData.color, + }); + } else { + this.selectedColorList[dataIndex] = { + ...item, + color: this.formData.color, + }; + } + }); + } } + this.selectedColorList = this.selectedColorList; + this.$forceUpdate(); } }, // 保存选中数据 @@ -309,15 +368,17 @@ export default { let that = this; editProgressBindComponentApi({ id: this.rowData.id, - bimComponent: JSON.stringify(this.selectedList), + hiddenComponentId: JSON.stringify(this.selectedHideList), + componentColorJson: JSON.stringify(this.selectedColorList), }).then((res) => { if (res.code == 200) { this.$message.success("操作成功"); that.getProgressListData(); that.iframe.contentWindow.postMessage({ - token: that.token, - urn: that.urn, - bimComponent: that.selectedList, + token: this.token, + urn: this.urn, + hideArr: this.selectedHideList, + colorArr: this.selectedColorList, }); } }); @@ -332,10 +393,15 @@ export default { let that = this; this.rowData = row; console.log(row); - if (row.bimComponent) { - this.selectedList = JSON.parse(row.bimComponent); + if (row.hiddenComponentId) { + this.selectedHideList = JSON.parse(row.hiddenComponentId); } else { - this.selectedList = []; + this.selectedHideList = []; + } + if (row.componentColorJson) { + this.selectedColorList = JSON.parse(row.componentColorJson); + } else { + this.selectedColorList = []; } this.showRelative = true; const res = await getBimBaseDetailsApi({ @@ -364,7 +430,8 @@ export default { this.iframe.contentWindow.postMessage({ token: that.token, urn: that.urn, - bimComponent: JSON.parse(row.bimComponent), + hideArr: this.selectedHideList, + colorArr: this.selectedColorList, }); }); }, @@ -428,35 +495,8 @@ export default { height: 800px; overflow: auto; } -.data-show { - width: max-content; - max-width: 100%; +.select-operate { @include flex; - margin-top: 10px; - .selected-box { - flex: 1%; - min-width: 208px; - min-height: 32px; - border: 1px solid #c0c4cc; - border-radius: 4px; - @include flex; - flex-wrap: wrap; - padding-left: 6px; - margin-right: 15px; - > div { - @include flex; - background-color: #f4f4f5; - padding: 3px 5px; - margin: 3px 6px 3px 0; - span { - color: #909399; - margin-right: 3px; - } - .el-icon-close { - cursor: pointer; - } - } - } } .model-box { display: flex; diff --git a/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue b/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue new file mode 100644 index 00000000..25f90f4a --- /dev/null +++ b/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue @@ -0,0 +1,1243 @@ +<template> + <div class="fullHeight"> + <div v-if="type != 'detail'"> + <div class="searchBox whiteBlock"> + <el-form + :inline="true" + size="medium" + :model="queryInfo" + class="demo-form-inline" + > + <el-form-item label="分部分项工程名称"> + <el-input + v-model="queryInfo.taskName" + placeholder="请输入" + ></el-input> + </el-form-item> + <el-form-item label="状态"> + <el-select v-model="queryInfo.status" placeholder="请选择"> + <el-option + v-for="(item, index) in options" + :key="index" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="实际完成日期"> + <el-date-picker + v-model="daterange" + @change="changeDate" + type="daterange" + :range-separator="$t('message.energyManage.to')" + :start-placeholder="$t('message.energyManage.start')" + :end-placeholder="$t('message.energyManage.end')" + value-format="yyyy-MM-dd" + > + </el-date-picker> + </el-form-item> + <el-form-item> + <el-button type="primary" plain @click="getProgressListData" + >查询</el-button + > + <el-button type="warning" plain @click="refreshBtn">刷新</el-button> + <el-button + class="expintBtn" + size="medium" + type="primary" + plain + @click="addBefore(1, null)" + > + 新增 + </el-button> + </el-form-item> + <!-- <el-form-item> + <el-button + class="expintBtn" + size="medium" + type="primary" + @click="downloadFn(1)" + > + <a class="down" :href="downUrl" download>下载模板</a> + 下载模板 + </el-button> + <el-button size="medium" type="primary" @click="uploadShow = true" + >导入</el-button + > + </el-form-item> --> + </el-form> + </div> + <div class="table_wrap whiteBlock"> + <vue-scroll> + <el-table + height="650" + class="tables" + :data="listData" + lazy + row-key="id" + default-expand-all + :tree-props="{ children: 'children' }" + > + <el-table-column + width="200" + prop="taskName" + show-overflow-tooltip + label="分部分项工程名称" + > + <template slot-scope="scope"> + <span :title="scope.row.taskName"> + {{ scope.row.taskName }} + </span> + </template> + </el-table-column> + <el-table-column + align="center" + prop="startDate" + label="计划开始时间" + > + </el-table-column> + <el-table-column + align="center" + prop="finishDate" + label="计划完成时间" + > + </el-table-column> + <el-table-column + align="center" + prop="actualStartDate" + label="实际开始时间" + > + </el-table-column> + <el-table-column + align="center" + prop="actualFinishDate" + label="实际完成时间" + ></el-table-column> + <el-table-column + align="center" + prop="dutyUserName" + label="负责人" + ></el-table-column> + <el-table-column align="center" prop="progressRatio" label="进度"> + <template slot-scope="scope">{{ + scope.row.progressRatio + "%" + }}</template> + </el-table-column> + <el-table-column prop="status" align="center" label="执行状态"> + <template slot-scope="scope">{{ + scope.row.status == 0 + ? "未开始" + : scope.row.status == 1 + ? "进行中" + : scope.row.status == 2 + ? "已完成" + : "未开始" + }}</template> + </el-table-column> + <el-table-column + prop="beginWarning" + align="center" + label="开始预警" + > + <template slot-scope="scope"> + <div + style="color: #fe6565;" + v-if="scope.row.beginWarning === 3" + > + {{ + scope.row.beginWarning == 1 + ? "提前" + : scope.row.beginWarning == 2 + ? "正常" + : "逾期" + }} + </div> + <div v-else> + {{ + scope.row.beginWarning == 1 + ? "提前" + : scope.row.beginWarning == 2 + ? "正常" + : "逾期" + }} + </div> + </template> + </el-table-column> + <el-table-column prop="endWarning" align="center" label="结束预警"> + <template slot-scope="scope"> + <div style="color: #fe6565;" v-if="scope.row.endWarning === 3"> + {{ + scope.row.endWarning == 1 + ? "提前" + : scope.row.endWarning == 2 + ? "正常" + : "逾期" + }} + </div> + <div v-else> + {{ + scope.row.endWarning == 1 + ? "提前" + : scope.row.endWarning == 2 + ? "正常" + : "逾期" + }} + </div> + </template> + </el-table-column> + <el-table-column width="300" label="操作" align="center"> + <template slot-scope="scope"> + <!-- <el-button + @click.native.stop="addBefore(2, scope.row)" + size="mini" + type="text" + icon="el-icon-circle-plus-outline" + v-if="scope.row.level === 1 || scope.row.level === null" + > + 子分项 + </el-button> --> + <el-button + size="mini" + type="text" + icon="el-icon-edit" + @click.native.stop="relativeComponent(scope.row)" + > + 关联构件 + </el-button> + <el-button + size="mini" + type="text" + icon="el-icon-edit" + @click.native.stop="editBefore(scope.row)" + > + 编辑 + </el-button> + <el-button + size="mini" + type="text" + class="delete-btn" + icon="el-icon-delete" + @click.native.stop="deleteBefore(scope.row)" + >删除</el-button + > + </template> + </el-table-column> + </el-table> + </vue-scroll> + <el-pagination + class="pagerBox" + style="position: absolute; top: 85%; left: 40%" + @size-change="SizeChange" + @current-change="CurrentChange" + :current-page="pagInfo.pageNo" + :page-sizes="$store.state.PAGESIZRS" + :page-size="pagInfo.pageSize" + layout="total, sizes, prev, pager, next" + :total="Number(pagInfo.total)" + background + ></el-pagination> + </div> + <!-- '新增父子级工程弹框' --> + <el-dialog + :modal-append-to-body="false" + :title="title" + :visible.sync="dialogVisible" + width="667px" + @close="close" + > + <div class="dialog_content"> + <el-form + ref="addEditForm" + label-width="135px" + size="medium" + class="dialogFormBox" + :rules="addEditRules" + :model="workerInfo" + > + <el-form-item + label="分部分项名称" + prop="taskName" + v-if="dialogType == 3" + > + <el-input + v-model="parentTaskName" + placeholder="请输入" + :disabled="dialogType == 3" + ></el-input> + </el-form-item> + <el-form-item v-else label="分部分项名称" prop="taskName"> + <el-input + v-model="workerInfo.taskName" + placeholder="请输入" + ></el-input> + </el-form-item> + <el-form-item + v-if="dialogType == 3" + label="子分部分项名称" + prop="taskName" + > + <el-input + v-model="workerInfo.taskName" + placeholder="请输入" + ></el-input> + </el-form-item> + <el-form-item label="计划开始时间" prop="startDate"> + <el-date-picker + @change="time1" + v-model="workerInfo.startDate" + type="date" + placeholder="请选择日期" + value-format="yyyy-MM-dd" + > + </el-date-picker> + </el-form-item> + <el-form-item label="计划结束时间" prop="finishDate"> + <el-date-picker + @change="time2" + v-model="workerInfo.finishDate" + :picker-options="dateBefore" + type="date" + placeholder="请选择日期" + value-format="yyyy-MM-dd" + > + </el-date-picker> + </el-form-item> + <el-form-item label="实际开始时间" prop="actualStartDate"> + <el-date-picker + v-model="workerInfo.actualStartDate" + type="date" + placeholder="请选择日期" + value-format="yyyy-MM-dd" + > + </el-date-picker> + </el-form-item> + <el-form-item label="实际结束时间" prop="actualFinishDate"> + <el-date-picker + v-model="workerInfo.actualFinishDate" + :picker-options="actualDateBefore" + type="date" + placeholder="请选择日期" + value-format="yyyy-MM-dd" + > + </el-date-picker> + </el-form-item> + <el-form-item label="负责人" prop="dutyUserName"> + <el-select v-model="workerInfo.dutyUserId" placeholder="请选择"> + <el-option + v-for="item in principalLsit" + :key="item.userId" + :label="item.realName" + :value="item.userId" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="进度(%)" prop="progressRatio"> + <el-input-number + :disabled="workerInfo.status === 2" + :max="100" + style="width: 105%" + v-model="workerInfo.progressRatio" + @input="validateInput" + ></el-input-number> + </el-form-item> + <el-form-item label="备注" prop="remark"> + <el-input + v-model="workerInfo.remark" + placeholder="请输入" + ></el-input> + </el-form-item> + </el-form> + </div> + <div class="dialog-footer"> + <el-button + class="cancleBtn" + @click="dialogVisible = false" + icon="el-icon-circle-close" + size="medium" + >取消 + </el-button> + <el-button + type="primary" + icon="el-icon-circle-check" + @click="submitBtn" + size="medium" + >确定 + </el-button> + </div> + </el-dialog> + <!-- 导入弹框 --> + <el-dialog + :modal-append-to-body="false" + width="600px" + title="导入" + :visible.sync="uploadShow" + @close="close2" + > + <div class="questionText"> + <i + style="color: #e1a439; margin-right: 1%" + class="el-icon-question" + ></i + >用户需要先下载excel文件，再将数据填写到Project文件中，选择所需要的一种更新方式，然后通过选择文件按钮上传Project文件，点击确定即可完成分部分项数据更新。 + </div> + <div class="dialogUplod"> + <div style="margin-top: -15px"> + 现有数据excel下载 + <el-button size="mini" type="primary" plain @click="downloadFn(2)" + >下载</el-button + > + </div> + <div style="margin-left: 64px"> + <span style="position: absolute">更新方式</span> + <el-radio-group + style="margin-left: 65px" + v-model="radio" + @change="handleRadioChange" + > + <el-radio :label="1">覆盖更新</el-radio> + <el-radio :label="2">根据名称替换更新</el-radio> + </el-radio-group> + </div> + + <div style="margin-left: 2px;margin-top: -15px;"> + <span style="color: red;margin-right: 5px;">*</span>上传Project文件 + <el-upload + accept=".mpp" + v-if="fileName == ''" + class="upload-demo expintBtn" + name="mppFile" + :on-success="handleImportSuccess" + :on-change="handleImportChange" + :before-upload="beforeUpload" + :file-list="fileList" + :action="$http.defaults.baseURL + 'xmgl/taskProgress/importData'" + :data="{ projectSn: projectSn, type: radio }" + :show-file-list="false" + :headers="headers" + > + <el-button size="mini" type="primary" plain>选择</el-button> + </el-upload> + <span v-else style="color: #5181f6">{{ fileName }}</span> + </div> + </div> + <div class="dialog-footer"> + <el-button + class="cancleBtn" + @click="uploadShow = false" + icon="el-icon-circle-close" + size="medium" + >取消 + </el-button> + <el-button + type="primary" + icon="el-icon-circle-check" + size="medium" + @click="handleUploadConfirm" + >确定 + </el-button> + </div> + </el-dialog> + <!-- //查看大图 --> + <el-dialog :modal-append-to-body="false" :visible.sync="showBigImg"> + <img width="100%" :src="dialogImageUrl" alt="" /> + </el-dialog> + <!-- 关联构件 --> + <el-dialog + width="80%" + :modal-append-to-body="false" + :visible.sync="showRelative" + title="关联构件" + > + <!-- <div class="data-show"> + <span>选中的数据值：</span> + <div class="selected-box"> + <template v-show="selectedList.length > 0"> + <div v-for="(item, index) in selectedList" :key="index"> + <span>{{ item ? item.dbId : "" }}</span> + <i class="el-icon-close" @click="deleteSelected(index)"></i> + </div> + </template> + </div> + <el-button type="primary" size="small" @click="saveSelected" + >保存</el-button + > + </div> --> + <div class="select-operate"> + <span>模型构件操作：</span> + <el-select v-model="formData.type" placeholder="请选择" size="small"> + <el-option + v-for="item in typeOptions" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + <el-color-picker + v-model="formData.color" + v-if="formData.type == 2" + style="margin-left: 10px;" + color-format="rgb" + ></el-color-picker> + <el-button + type="primary" + size="small" + @click="saveSelected" + style="margin-left: 10px;" + >保存</el-button + > + </div> + <div class="model-box"> + <iframe + :src="url" + frameborder="0" + width="100%" + id="iframe" + style="flex: 1" + ></iframe> + </div> + </el-dialog> + </div> + </div> +</template> +<script> +import { + addTaskProgressRtApi, + deleteTaskProgressRtApi, + editTaskProgressRtApi, + getTaskProgressPageRtApi, + editProgressBindComponentRtApi, +} from "@/assets/js/api/progressManagement"; +import { getCrewListDataApi } from "@/assets/js/api/dailyCheck"; +import { + getBimBaseDetailsApi, + projectBimBaseListApi, +} from "@/assets/js/api/project"; +export default { + data() { + return { + selectedHideList: [], + selectedColorList: [], + typeOptions: [ + { label: "隐藏", value: 1 }, + { label: "着色", value: 2 }, + ], + formData: { + type: 1, + color: "", + }, + urn: "", + token: "", + url: "", + iframe: "", + selectedList: [], + showRelative: false, + rowData: {}, + parentTaskName: "", // 用于存储父级taskName + urn: "", + token: "", + url: "", + iframe: "", + showRelative: false, + options: [ + { + label: "未开始", + value: 0, + }, + { + label: "进行中", + value: 1, + }, + { + label: "已完成", + value: 2, + }, + // { + // label: '已逾期', + // value: 3 + // }, + ], + pagInfo: { + pageNo: 1, //页数 + pageSize: 10, //条数 + total: 0, //总条数 + }, + radio: 1, + uploadShow: false, //导入弹框 + dialogType: 1, + title: "", + daterange: [], + fileList: [], //上传文件 + downUrl: "", //下载文件地址 + projectSn: "", + createUserId: "", + listData: [], + uploadUrl: "", + fileUrl: "", + dialogVisible: false, //新增弹窗 + workerInfo: { + taskName: "", + startDate: "", + finishDate: "", + actualStartDate: "", + actualFinishDate: "", + dutyUserId: "", + progressRatio: "", + remark: "", + parentId: 0, + status: 0, + }, + principalLsit: [], //负责人 + seedId: "", + showTime: false, //工期 + queryInfo: { + taskName: "", + status: "", + actualStartDate: "", + actualFinishDate: "", + }, + type: "add", + addEditRules: { + taskName: [ + { + required: true, + message: this.$t("message.personnelPosition.required"), + trigger: "blur", + }, + ], + startDate: [ + { + required: true, + message: this.$t("message.personnelPosition.required"), + trigger: "blur", + }, + ], + finishDate: [ + { + required: true, + message: this.$t("message.personnelPosition.required"), + trigger: "blur", + }, + ], + }, + dialogImageUrl: "", + showBigImg: false, + times: "", + // 时间限制 + pickerOptions: { + // 对象 + disabledDate: (time) => { + let nowData = this.times; + nowData = new Date(nowData.setDate(nowData.getDate() - 1)); + return time > nowData; + // return time.getTime() < Date.now()- 1 * 24 * 3600 * 1000; + }, + }, + fileName: "", + }; + }, + mounted() { + this.url = window.location.origin + "/bimBaseProgressModel.html"; + window.addEventListener("message", this.getIframeMessage); + }, + computed: { + headers() { + return { Authorization: this.$store.state.userInfo.token }; + }, + dateAfter() { + // 动态起始时间 + const startTimestamp = Date.now() * 1 - 24 * 60 * 60 * 1000; + const endTimestamp = + Date.parse(this.workerInfo.finishDate) * 1 - 24 * 60 * 60 * 1000; + return { + disabledDate(time) { + const timestamp = time.getTime(); + if (endTimestamp) { + if (timestamp >= startTimestamp && timestamp <= endTimestamp) { + return false; + } else { + return true; + } + } else { + return timestamp <= startTimestamp; + } + }, + }; + }, + dateBefore() { + // 动态起始时间 + // const startTimestamp = Date.parse(this.workerInfo.startDate) + const specifiedDate = new Date(this.workerInfo.startDate); // 指定的日期 + const prevDay = new Date(specifiedDate); // 创建一个新的 Date 对象，使用同样的日期 + prevDay.setDate(specifiedDate.getDate() - 1); // 将日期设置为前一天的日期 + + const lastTime = prevDay.getTime(); // 获取前一天的时间戳 + // const startTimestamp = new Date(this.workerInfo.startDate) + return { + disabledDate(time) { + const timestamp = time.getTime(); + if (timestamp > lastTime) { + // console.log("计划结束时间",startTimestamp,timestamp) + return false; + } + return true; + }, + }; + }, + actualDateBefore() { + // 动态起始时间 + // const startTimestamp = Date.parse(this.workerInfo.startDate) + const specifiedDate = new Date(this.workerInfo.actualStartDate); // 指定的日期 + const prevDay = new Date(specifiedDate); // 创建一个新的 Date 对象，使用同样的日期 + prevDay.setDate(specifiedDate.getDate() - 1); // 将日期设置为前一天的日期 + + const lastTime = prevDay.getTime(); // 获取前一天的时间戳 + // const startTimestamp = new Date(this.workerInfo.startDate) + return { + disabledDate(time) { + const timestamp = time.getTime(); + if (timestamp > lastTime) { + // console.log("计划结束时间",startTimestamp,timestamp) + return false; + } + return true; + }, + }; + }, + }, + + created() { + this.projectSn = this.$store.state.projectSn; + this.createUserId = this.$store.state.userInfo.userId; + this.uploadUrl = this.$store.state.UPLOADURL; + this.fileUrl = this.$store.state.FILEURL; + this.downUrl = + this.$http.defaults.baseURL + "xmgl/progressTask/downloadTemplate"; + this.getProgressListData(); + this.getCrewListData(); + }, + methods: { + //导入确定提交 + handleUploadConfirm() { + if (this.fileName == "") { + this.$message.warning("请先上传文件"); + return; + } else { + this.uploadShow = false; + this.$message.success("操作成功"); + this.getProgressListData(); + } + }, + handleRadioChange(val) { + this.radio = val; + }, + //获取列表数据 + getProgressListData() { + let data = { + projectSn: this.projectSn, + pageNo: this.pagInfo.pageNo, + pageSize: this.pagInfo.pageSize, + taskName: this.queryInfo.taskName, + status: this.queryInfo.status, + actualFinishDate_begin: this.queryInfo.actualStartDate, + actualFinishDate_end: this.queryInfo.actualFinishDate, + }; + getTaskProgressPageRtApi(data).then((res) => { + if (res.code == 200) { + this.listData = res.result.records; + this.pagInfo.total = res.result.total; + } + }); + }, + //获取负责人下拉 + getCrewListData() { + let data = { + projectSn: this.projectSn, + }; + getCrewListDataApi(data).then((res) => { + if (res.code == 200) { + this.principalLsit = res.result; + console.log("获取负责人下拉", this.principalLsit); + } else { + this.$message.error(res.message); + } + }); + }, + //新增 + addBefore(addType, value) { + if (addType == 1) { + this.title = "新增分项"; + this.dialogType = 1; + } else { + console.log("新增子分项点击", value); + this.title = "新增子分项"; + this.dialogType = 3; + this.workerInfo.parentId = value.id; + this.parentTaskName = value.taskName; + } + this.dialogVisible = true; + }, + getIframeMessage(e) { + console.log("Message from iframe：", e.data); + if (e.data.msg && e.data.msg.length > 0) { + if (this.formData.type == 1) { + if (e.data.tip == "show") { + let dataShowIndex = null; + e.data.msg.map((item) => { + dataShowIndex = this.selectedHideList.findIndex((item2) => { + return item2.dbId == item.dbId; + }); + console.log(dataShowIndex); + if (dataShowIndex >= 0) { + this.selectedHideList.splice(dataShowIndex, 1); + } + }); + } else { + let dataHiddenIndex = null; + e.data.msg.map((item) => { + dataHiddenIndex = this.selectedHideList.find((item2) => { + return item2.dbId == item.dbId; + }); + if (!dataHiddenIndex) { + this.selectedHideList.push({ + ...item, + }); + } + }); + } + } else { + if (!e.data.tip) { + let dataIndex = null; + e.data.msg.map((item) => { + dataIndex = this.selectedColorList.findIndex((item2) => { + return item2.dbId == item.dbId; + }); + if (dataIndex == -1) { + this.selectedColorList.push({ + ...item, + color: this.formData.color, + }); + } else { + this.selectedColorList[dataIndex] = { + ...item, + color: this.formData.color, + }; + } + }); + } + } + this.selectedColorList = this.selectedColorList; + this.$forceUpdate(); + } + }, + // 保存选中数据 + saveSelected() { + console.log(this.selectedColorList); + let that = this; + editProgressBindComponentRtApi({ + id: this.rowData.id, + hiddenComponentId: JSON.stringify(this.selectedHideList), + componentColorJson: JSON.stringify(this.selectedColorList), + }).then((res) => { + if (res.code == 200) { + this.$message.success("操作成功"); + that.getProgressListData(); + that.iframe.contentWindow.postMessage({ + token: this.token, + urn: this.urn, + hideArr: this.selectedHideList, + colorArr: this.selectedColorList, + }); + } + }); + }, + // 删除选中数据 + deleteSelected(index) { + this.selectedList.splice(index, 1); + this.$forceUpdate(); + }, + // 关联构件 + async relativeComponent(row) { + let that = this; + this.rowData = row; + console.log(row); + if (row.hiddenComponentId) { + this.selectedHideList = JSON.parse(row.hiddenComponentId); + } else { + this.selectedHideList = []; + } + if (row.componentColorJson) { + this.selectedColorList = JSON.parse(row.componentColorJson); + } else { + this.selectedColorList = []; + } + this.showRelative = true; + const res = await getBimBaseDetailsApi({ + projectSn: this.$store.state.projectSn, + }); + if (res && res.result) { + that.token = res.result; + } + const res2 = await projectBimBaseListApi({ + projectSn: this.$store.state.projectSn, + isEnable: 1, + }); + if (res2.result && res2.result.length > 0) { + res2.result.forEach((item, index) => { + if (item.isEnable == 1) { + item.isEnable = false; + that.urn = item.urn; + } + }); + } else { + this.$message.error("未启用模型"); + return; + } + this.$nextTick(() => { + console.log(777); + this.iframe = document.getElementById("iframe"); + this.iframe.contentWindow.postMessage({ + token: that.token, + urn: that.urn, + hideArr: this.selectedHideList, + colorArr: this.selectedColorList, + }); + console.log(888); + }); + }, + // 编辑按钮 + editBefore(val) { + this.dialogType = 2; + this.title = "编辑分项"; + console.log("当前点击的行", val); + this.workerInfo = JSON.parse(JSON.stringify(val)); + this.workerInfo.id = val.id; + this.workerInfo.status = val.status; + this.dialogVisible = true; + }, + //编辑 + submitBtn() { + this.$refs.addEditForm.validate((valid) => { + if (valid) { + let data = { + taskName: this.workerInfo.taskName, + startDate: this.workerInfo.startDate, + finishDate: this.workerInfo.finishDate, + actualStartDate: this.workerInfo.actualStartDate, + actualFinishDate: this.workerInfo.actualFinishDate, + dutyUserId: this.workerInfo.dutyUserId, + progressRatio: this.workerInfo.progressRatio, + remark: this.workerInfo.remark, + parentId: this.workerInfo.parentId, + projectSn: this.projectSn, + }; + if (this.dialogType == 1) { + addTaskProgressRtApi(data).then((res) => { + if (res.code == 200) { + this.$message.success(res.message); + this.dialogVisible = false; + this.getProgressListData(); + } + }); + } else if (this.dialogType == 2) { + data.id = this.workerInfo.id; + editTaskProgressRtApi(data).then((res) => { + if (res.code == 200) { + this.$message.success(res.message); + this.dialogVisible = false; + this.getProgressListData(); + } + }); + } else if (this.dialogType == 3) { + data.parentId = this.workerInfo.parentId; + data.level = 2; + addTaskProgressRtApi(data).then((res) => { + if (res.code == 200) { + this.$message.success(res.message); + this.dialogVisible = false; + this.getProgressListData(); + } + }); + } + } else { + return false; + } + }); + }, + //删除 + deleteBefore(value) { + this.$confirm( + this.$t("message.quality.deleteHint"), + this.$t("message.quality.hint"), + { + confirmButtonText: this.$t("message.quality.confirm"), + cancelButtonText: this.$t("message.quality.cancel"), + type: "warning", + } + ) + .then(() => { + let data = { + id: value.id, + }; + deleteTaskProgressRtApi(data).then((res) => { + if (res.code == 200) { + this.$message({ + type: "success", + message: this.$t("message.quality.successfullyDelete") + "!", + }); + this.getProgressListData(); + } + }); + }) + .catch(() => {}); + }, + close() { + this.workerInfo = {}; + this.workerInfo.parentId = 0; + this.$nextTick(() => { + this.$refs.addEditForm.clearValidate(); + }); + }, + close2() { + this.fileName = ""; + this.radio = 1; + }, + //刷新 + refreshBtn() { + this.daterange = []; + this.pagInfo.pageNo = 1; + this.pagInfo.pageSize = 10; + this.queryInfo = { + status: "", + actualStartDate: "", + actualFinishDate: "", + taskName: "", + }; + this.getProgressListData(); + }, + SizeChange(val) { + this.pagInfo.pageSize = val; + this.getProgressListData(); + }, + CurrentChange(val) { + this.pagInfo.pageNo = val; + this.getProgressListData(); + }, + //关闭详请组件 + closeDetailFn(val) { + this.type = val; + this.getProgressListData(); + }, + changeDate() { + if (this.daterange) { + this.queryInfo.actualStartDate = this.daterange[0]; + this.queryInfo.actualFinishDate = this.daterange[1]; + } else { + this.queryInfo.actualStartDate = ""; + this.queryInfo.actualFinishDate = ""; + } + }, + validateInput() { + let value = parseInt(this.workerInfo.progressRatio, 10); + if ( + isNaN(value) || + value < 0 || + value > 100 || + Math.floor(value) !== value + ) { + this.workerInfo.progressRatio = ""; + } + }, + time1(val) { + console.log("开始时间", val); + this.times = val; + }, + time2(val) { + console.log("结束时间", val); + }, + // 下载模板 + downloadFn(type) { + if (type == 1) { + let data = { + type: 1, + projectSn: this.projectSn, + }; + fetch( + this.$http.defaults.baseURL + "xmgl/taskProgressRt/downloadTemplate", + { + method: "get", + headers: { + Authorization: this.$store.state.userInfo.token, + "Content-Type": "application/json", // 设置请求头的内容类型为JSON + }, + // body: JSON.stringify(data) // 将data对象转换为JSON字符串并作为请求体发送 + } + ) + .then((response) => { + // 处理响应 + if (!response.ok) { + throw new Error("下载失败"); + } + return response.blob(); + }) + .then((blob) => { + // 创建一个下载链接 + const url = window.URL.createObjectURL(blob); + // 创建一个<a>元素 + const link = document.createElement("a"); + link.href = url; + link.download = "分部分项工程管理模板.mpp"; // 指定下载文件的文件名 + // 模拟点击下载链接 + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + // 释放URL对象 + window.URL.revokeObjectURL(url); + // 处理导出的文件 + // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地 + }) + .catch((error) => { + // 处理错误 + console.error(error); + }); + } else { + let data = { + projectSn: this.projectSn, + }; + fetch(this.$http.defaults.baseURL + "xmgl/taskProgress/exportXls", { + method: "post", + headers: { + Authorization: this.$store.state.userInfo.token, + "Content-Type": "application/json", // 设置请求头的内容类型为JSON + }, + body: JSON.stringify(data), // 将data对象转换为JSON字符串并作为请求体发送 + }) + .then((response) => { + // 处理响应 + if (!response.ok) { + throw new Error("下载失败"); + } + return response.blob(); + }) + .then((blob) => { + // 创建一个下载链接 + const url = window.URL.createObjectURL(blob); + // 创建一个<a>元素 + const link = document.createElement("a"); + link.href = url; + link.download = "分部分项工程管理列表.xlsx"; // 指定下载文件的文件名 + // 模拟点击下载链接 + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + // 释放URL对象 + window.URL.revokeObjectURL(url); + // 处理导出的文件 + // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地 + }) + .catch((error) => { + // 处理错误 + console.error(error); + }); + } + }, + // 导入成功 + handleImportSuccess(res) { + console.log("导入成功----", res); + if (res.code == 200) { + this.$message.success("导入成功"); + } else { + this.$message.error(res.message); + } + console.log("导入", res); + }, + // + beforeUpload(file) { + console.log("=========", file); + this.fileName = file.name; + }, + // 上传mpp文件触发 + handleImportChange(file, fileList) { + console.log("=[====]"); + // console.log((file, fileList)) + }, + }, +}; +</script> +<style lang="scss" scoped> +@mixin flex { + display: flex; + align-items: center; +} +.down { + text-decoration: none; + color: #fff; +} +.expintBtn { + display: inline-block !important; + margin-right: 10px; +} +.table_wrap { + height: 800px; + overflow: auto; + :deep() { + .cell { + display: flex; + align-items: center; + } + } +} +.delete-btn { + color: #fe6565; +} +.dialogUplod { + height: 100px; + margin-left: 70px; + margin-top: 40px; + div { + margin-bottom: 20px; + } +} +.select-operate { + @include flex; +} +.data-show { + width: max-content; + max-width: 100%; + @include flex; + margin-top: 10px; + .selected-box { + flex: 1%; + min-width: 208px; + min-height: 32px; + border: 1px solid #c0c4cc; + border-radius: 4px; + @include flex; + flex-wrap: wrap; + padding-left: 6px; + margin-right: 15px; + > div { + @include flex; + background-color: #f4f4f5; + padding: 3px 5px; + margin: 3px 6px 3px 0; + span { + color: #909399; + margin-right: 3px; + } + .el-icon-close { + cursor: pointer; + } + } + } +} +.model-box { + display: flex; + flex-direction: column; + width: 100%; + min-height: 500px; + border: 1px solid #ccc; + margin-top: 10px; +} +</style> diff --git a/src/views/projectFront/insideVideo/ckplayerComp.vue b/src/views/projectFront/insideVideo/ckplayerComp.vue new file mode 100644 index 00000000..6aa9a8e8 --- /dev/null +++ b/src/views/projectFront/insideVideo/ckplayerComp.vue @@ -0,0 +1,39 @@ +<!--ckplayer 视频播放--> +<template> + <div style="height: 100%"> + <video :id="'videoItem' + name" style="width: 100%; height: 100%; object-fit: fill" :autoplay="autoPlay" muted /> + </div> +</template> + +<script> +export default { + props: ["videoUrls", "autoPlay", "poster", "deviceIp", "name"], + data() { + return { + player: "", + webRtcServer: null + }; + }, + // watch: { + // name: { + // handler(newName, oldName) { + // console.log(this.videoUrls, this.deviceIp, this.autoPlay, this.name); + // let webRtcServer = null; + // webRtcServer = new WebRtcStreamer("videoItem" + this.name, this.deviceIp); + // webRtcServer.connect(this.videoUrls); + // }, + // immediate: true + // } + // }, + mounted: function () { + console.log(this.videoUrls, this.deviceIp, this.autoPlay, this.name); + let webRtcServer = this.webRtcServer; + webRtcServer = new WebRtcStreamer("videoItem" + this.name, this.deviceIp); + webRtcServer.connect(this.videoUrls); + }, + beforeDestroy: function () { + this.webRtcServer.disconnect(); + }, + methods: {} +}; +</script> diff --git a/src/views/projectFront/insideVideo/overview.vue b/src/views/projectFront/insideVideo/overview.vue new file mode 100644 index 00000000..c84fa8d8 --- /dev/null +++ b/src/views/projectFront/insideVideo/overview.vue @@ -0,0 +1,494 @@ +<template> + <div class="fullHeight videoOverview"> + <closePage></closePage> + <div class="header"></div> + <div class="videoContent"> + <div class="videoListBox fullHeight"> + <div class="pageTitle">视频列表</div> + <div class="videoBox" v-if="dataType == 1"> + <vue-scroll> + <ul v-if="devList.length > 0"> + <li + @click.stop="changeVideo(item)" + v-for="(item, index) in devList" + :key="index" + > + <img + v-if="item.deviceType == 2" + src="@/assets/images/icon-video2-white.png" + /> + <img v-else src="@/assets/images/icon-video-white.png" /> + {{ item.videoName }} + </li> + </ul> + <div class="placeholderBox" v-else> + <img src="@/assets/images/noData2-dark.png" alt="" srcset="" /> + </div> + </vue-scroll> + </div> + <div class="videoBox" v-else> + <vue-scroll> + <el-collapse v-model="activeNames" style="padding: 0 20px"> + <el-collapse-item + :title="item.name" + :name="index" + v-for="(item, index) in devList" + :key="index" + > + <ul v-if="item.list.length > 0"> + <li + @click.stop="changeVideo(data)" + v-for="(data, index2) in item.list" + :key="index2" + > + <img + v-if="data.deviceType == 2" + src="@/assets/images/icon-video2-white.png" + /> + <img v-else src="@/assets/images/icon-video-white.png" /> + {{ data.videoName }} + </li> + </ul> + </el-collapse-item> + </el-collapse> + </vue-scroll> + </div> + </div> + <div class="Content"> + <div class="flex-col page space-y-16"> + <div class="flex-col fullContent"> + <div class="flex-row justify-between group"> + <div class="flex-row items-center space-x-16"></div> + + <div class="flex-row items-center space-x-16"> + <img + v-show="showType == 1" + class="shrink-0 image_3 cursorPointer" + src="@/assets/images/videoOne1.png" + /> + <img + v-show="showType != 1" + @click="changeShowType(1)" + class="shrink-0 image_3 cursorPointer" + src="@/assets/images/videoOne.png" + /> + <img + v-show="showType == 4" + class="shrink-0 image_4" + src="@/assets/images/videoTwo1.png" + /> + <img + v-show="showType != 4" + @click="changeShowType(4)" + class="shrink-0 image_4 cursorPointer" + src="@/assets/images/videoTwo.png" + /> + <img + v-show="showType == 8" + class="shrink-0 image_4" + src="@/assets/images/videoThree1.png" + /> + <img + v-show="showType != 8" + @click="changeShowType(8)" + class="shrink-0 image_4 cursorPointer" + src="@/assets/images/videoThree.png" + /> + </div> + </div> + <div class="flex-row items-start relative group_2 space-x-16"> + <div + class="flex-row justify-start items-start relative group_3" + :class="'showType' + showType" + > + <div + class="section_8 relative" + v-for="(item, index) in videoList" + :key="item.itemId" + @click="selectFn(index)" + :class="index == winIndex ? 'active' : ''" + > + <div class="flex-col section_3 space-y-7"> + <div class="flex-row justify-between"> + <div class="flex-row space-x-12 nameBox"> + <span class="font_1 desc">设备名称</span> + <span class="font_1 name">{{ item.name }}</span> + </div> + <div class="closeBtn" @click="deletePlayer(index)">×</div> + </div> + </div> + <div class="flex-col section_10"> + <ckplayerComp + :name="index" + :poster="''" + :deviceIp="`http://${item.account}:${item.password}`" + :videoUrls="item.serialNumber" + :autoPlay="true" + ></ckplayerComp> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</template> +<script> +import { + selectProjectVideoListApi, + selectUserVideoListApi, +} from "@/assets/js/api/equipmentCenter/cameraList"; +import closePage from "@/components/closePage"; +import ckplayerComp from "./ckplayerComp"; +export default { + components: { closePage, ckplayerComp }, + data() { + return { + winIndex: 0, + videoList: [], + showType: 1, + devList: [], + dataType: 1, + activeNames: [0], + screens: {}, + pluginType: "", + }; + }, + mounted() { + // console.dir(window.parent) + // console.log(window.parent.document.getElementById("myFrame"), 12312313) + // if (this.$store.state.userInfo.accountType != 6) { + // this.loadData() + // } else { + // this.loadData2() + // } + this.loadData(); + }, + + methods: { + deletePlayer(index) { + this.videoList.splice(index, 1); + this.changeShowType(this.showType); + }, + selectFn(index) { + this.winIndex = index; + }, + changeShowType(type) { + this.showType = type; + }, + changeVideo(item) { + console.log("点击了列表----"); + + console.log(item, "xxxxxxxxxx"); + let itemVal = null; + itemVal = this.videoList.find((item2) => item.itemId == item2.itemId); + console.log(itemVal) + if (!itemVal) { + this.videoList.push(item); + this.changeShowType(this.showType); + } + console.log("右边的值", this.videoList); + }, + loadData() { + selectProjectVideoListApi({ + projectSn: this.$store.state.projectSn, + }).then((res) => { + var DATA = res.result.videoList; + this.devList = DATA; + this.videoList = this.devList; + console.log("视频的列表", res.result); + this.dataType = res.result.type; + }); + }, + loadData2() { + selectUserVideoListApi({ + projectSn: this.$store.state.projectSn, + userId: this.$store.state.userInfo.userId, + }).then((res) => { + var DATA = res.result.videoList; + this.devList = DATA; + this.videoList = this.devList; + this.dataType = res.result.type; + }); + }, + }, +}; +</script> +<style lang="less" scoped> +@import "./style.less"; +.videoListBox { + width: 300px; + color: white; + background-color: #01112d; +} +.pageTitle { + margin: 12px 0; + background-color: #01112d; + &::before { + background-color: #00fafa; + } +} +.videoBox { + background-color: #00091a; + height: calc(100% - 30px); + margin: 0 15px 0 0; + position: relative; + li { + padding: 10px 25px; + font-size: 15px; + cursor: pointer; + display: flex; + align-items: center; + img { + margin-right: 8px; + } + &:hover { + background-color: #003e4b; + } + } + /deep/.el-collapse-item__header, + /deep/.el-collapse-item__wrap { + background-color: transparent; + color: white; + } + /deep/.el-collapse-item__content { + color: white; + padding-bottom: 0; + } +} +.Content { + flex: 1; + height: 100%; + background-color: #00091a; + .relative { + position: relative; + } + .cursorPointer { + cursor: pointer; + } + .fullContent { + height: 100%; + } + .page { + padding-top: 16px; + // background-color: #05051a; + // width: 100%; + // overflow-y: auto; + // overflow-x: hidden; + height: calc(100% - 16px); + + .image { + margin-left: 24px; + width: 162px; + height: 24px; + } + .group { + padding: 0 56px 0 30px; + + // .section { + // background-color: #0071f21a; + // height: 34px; + // border: solid 1px #0071f2; + // .text { + // color: #ffffffcc; + // } + // .image_2 { + // width: 40px; + // height: 32px; + // } + // } + } + .group_2 { + height: calc(100% - 26px); + .group_3 { + margin: 16px 0px; + flex-wrap: wrap; + width: 100%; + height: calc(100% - 32px); + .section_8 { + height: calc(100% - 10px); + width: calc(100% - 11px); + margin: 15px; + // &:nth-child(2n) { + // margin-right: 0; + // } + &.active { + border: 1px solid #064599; + } + .section_10 { + width: 100%; + height: 100%; + background: rgba(14, 81, 156, 0.2); + border: 1px solid rgba(12, 39, 74, 1); + } + } + &.showType4 .section_8 { + width: calc(50% - 32px); + height: calc(50% - 25px); + margin: 15px; + // &:nth-child(3n) { + // margin-right: 0; + // } + } + &.showType8 .section_8 { + width: 31%; + height: 30%; + margin: 15px; + // &:nth-child(4n) { + // margin-right: 0; + // } + } + .space-y-7 { + & > *:not(:first-child) { + margin-top: 7px; + } + } + .space-x-12 { + & > *:not(:first-child) { + margin-left: 12px; + } + } + .space-x-4 { + & > *:not(:first-child) { + margin-left: 4px; + } + .section_6 { + background-color: #00ae4c; + border-radius: 50%; + width: 6px; + height: 6px; + } + .font_2 { + font-size: 12px; + font-family: "PingFang SC"; + line-height: 17px; + color: #ffffff; + } + .section_12 { + background-color: #ab353a; + border-radius: 50%; + width: 6px; + height: 6px; + } + } + .font_3 { + font-size: 12px; + font-family: "PingFang SC"; + line-height: 17px; + color: #ffffffcc; + } + .section_3 { + padding: 11px 12px; + background-image: linear-gradient( + -90deg, + #174c9c00 0%, + #174c9ce6 100% + ); + position: absolute; + left: 0; + top: 0; + width: calc(100% - 24px); + z-index: 3; + .nameBox { + flex: 1; + width: 0; + } + .desc { + width: 55px; + white-space: nowrap; + } + .name { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + } + } + } + .space-x-16 { + & > *:not(:first-child) { + margin-left: 16px; + } + .image_3 { + width: 22px; + height: 22px; + } + .image_4 { + width: 19px; + height: 19px; + } + } + .font_1 { + font-size: 14px; + font-family: "PingFang SC"; + line-height: 20px; + color: #ffffff; + } + } + .space-y-16 { + & > *:not(:first-child) { + margin-top: 16px; + } + } + .flex-row { + display: flex; + flex-direction: row; + } + .closeBtn { + width: 12px; + height: 12px; + text-align: center; + line-height: 12px; + color: white; + // border: 1px solid white; + // border-radius: 50%; + font-size: 12px; + position: absolute; + top: 0px; + right: 0px; + cursor: pointer; + } + .flex-col { + display: flex; + flex-direction: column; + } + + .justify-start { + justify-content: flex-start; + } + + .justify-end { + justify-content: flex-end; + } + + .justify-center { + justify-content: center; + } + + .justify-between { + justify-content: space-between; + } + + .justify-around { + justify-content: space-around; + } + + .justify-evenly { + justify-content: space-evenly; + } + + .items-start { + align-items: flex-start; + } + + .items-end { + align-items: flex-end; + } + + .items-center { + align-items: center; + } +} +</style> diff --git a/src/views/projectFront/insideVideo/style.less b/src/views/projectFront/insideVideo/style.less new file mode 100644 index 00000000..35cf0850 --- /dev/null +++ b/src/views/projectFront/insideVideo/style.less @@ -0,0 +1,14 @@ +.videoOverview{ + background-color: #0D1534; +} +.header{ + background: url('../../../assets/images/overview3/headerBG.png') center; + height: 70px; + width: 100%; +} +.videoContent{ + display: flex; + height: calc(100% - 70px); + // background-color: #2FBBEC; + overflow: hidden; +} diff --git a/src/views/projectFront/videoManage/ysyNew.vue b/src/views/projectFront/videoManage/ysyNew.vue index 237e2adc..8e4a4ea6 100644 --- a/src/views/projectFront/videoManage/ysyNew.vue +++ b/src/views/projectFront/videoManage/ysyNew.vue @@ -62,7 +62,7 @@ <img class="rect" v-if="select == 3" - src="@/assets/images/videoThree1.png.png" + src="@/assets/images/videoThree1.png" alt /> <img class="rect" v-else src="@/assets/images/videoThree.png" alt />