hy-rtc-sdk-components 0.0.22 → 0.0.26

package/lib/hy-rtc-sdk-components.common.js

@@ -1434,17 +1434,6 @@ function setup(env) {
 module.exports = setup;
 
 
-/***/ }),
-
-/***/ "0e90":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_videoSurveillance_vue_vue_type_style_index_0_id_587098f8_scoped_true_lang_less_rel_stylesheet_2Fless___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b60c");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_videoSurveillance_vue_vue_type_style_index_0_id_587098f8_scoped_true_lang_less_rel_stylesheet_2Fless___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_videoSurveillance_vue_vue_type_style_index_0_id_587098f8_scoped_true_lang_less_rel_stylesheet_2Fless___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0f61":
@@ -10240,6 +10229,17 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
 
+/***/ }),
+
+/***/ "3923":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_videoSurveillance_vue_vue_type_style_index_0_id_f9fc1558_scoped_true_lang_less_rel_stylesheet_2Fless___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3d16");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_videoSurveillance_vue_vue_type_style_index_0_id_f9fc1558_scoped_true_lang_less_rel_stylesheet_2Fless___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_videoSurveillance_vue_vue_type_style_index_0_id_f9fc1558_scoped_true_lang_less_rel_stylesheet_2Fless___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "395d":
@@ -11083,6 +11083,13 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
+/***/ }),
+
+/***/ "3d16":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "3d1d":
@@ -26465,7 +26472,7 @@ var getters = {
   }
 };
 var mutations = {
-  setUserInfo: function setUserInfo(state, payload) {
+  sdksetUserInfo: function sdksetUserInfo(state, payload) {
     state.sdkUserInfo = payload;
     window.sessionStorage.setItem('sdkUserInfo', JSON.stringify(payload));
   },
@@ -34740,7 +34747,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /***/ "aa81":
 /***/ (function(module, exports, __webpack_require__) {
 
-!function(e,t){ true?t(exports,__webpack_require__("c155"),__webpack_require__("faa1"),__webpack_require__("4259"),__webpack_require__("a448"),__webpack_require__("8be1"),__webpack_require__("192b"),__webpack_require__("0b26"),__webpack_require__("2eda")):undefined}(this,function(e,t,i,o,r,s,n,a,d){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(i){if(i&&i.__esModule)return i;var s=Object.create(null);return i&&Object.keys(i).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(i,e),Object.defineProperty(s,e,t.get?t:{enumerable:!0,get:function(){return i[e]}}))}),s.default=i,Object.freeze(s)}var h,l=c(t),m=u(s),p=u(n),v=c(a),_=c(d);function g(e,n,a,d){return new(a=a||Promise)(function(i,t){function s(e){try{r(d.next(e))}catch(e){t(e)}}function o(e){try{r(d.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?i(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(s,o)}r((d=d.apply(e,n||[])).next())})}const f="mediaclient";localStorage.debug="mediasoup-client:* mediaclient:*";class P{constructor(e){e?(this._debug=l.default(`${f}:${e}`),this._warn=l.default(`${f}:WARN:${e}`),this._error=l.default(`${f}:ERROR:${e}`)):(this._debug=l.default(f),this._warn=l.default(`${f}:WARN`),this._error=l.default(`${f}:ERROR`)),this._debug.log=console.info.bind(console),this._warn.log=console.warn.bind(console),this._error.log=console.error.bind(console)}get debug(){return this._debug}get warn(){return this._warn}get error(){return this._error}}class I extends i.EventEmitter{constructor(e){super(),this.setMaxListeners(1/0),this._logger=e||new P("EnhancedEventEmitter")}safeEmit(t,...e){var i=this.listenerCount(t);try{return this.emit(t,...e)}catch(e){return this._logger.error("safeEmit() | event listener threw an error [event:%s]:%o",t,e),Boolean(i)}}safeEmitAsPromise(i,...s){return g(this,void 0,void 0,function*(){return new Promise((e,t)=>this.safeEmit(i,...s,e,t))})}}const C=new P("Message");class y{static parse(e){let t;const i=new y;try{t=JSON.parse(e.toString())}catch(e){return void C.error("parse() | invalid JSON: %s",e)}if("object"==typeof t&&!Array.isArray(t)){if(t.request){if(i.request=!0,"string"!=typeof t.method)return void C.error("parse() | missing/invalid method field");if("number"!=typeof t.id)return void C.error("parse() | missing/invalid id field");i.id=t.id,i.method=t.method,i.data=t.data||{}}else if(t.response){if(i.response=!0,"number"!=typeof t.id)return void C.error("parse() | missing/invalid id field");i.id=t.id,t.ok?(i.ok=!0,i.data=t.data||{}):(i.ok=!1,i.errorCode=t.errorCode,i.errorReason=t.errorReason)}else{if(!t.notification)return void C.error("parse() | missing request/response field");if(i.notification=!0,"string"!=typeof t.method)return void C.error("parse() | missing/invalid method field");i.method=t.method,i.data=t.data||{}}return i}C.error("parse() | not an object")}static createRequest(e,t,i){let s=new y;return s.request=!0,s.id=e,s.method=t,s.data=i||{},s}static createSuccessResponse(e,t){let i=new y;return i.response=!0,i.id=e.id,i.ok=!0,i.data=t,i}static createErrorResponse(e,t,i){let s=new y;return s.response=!0,s.id=e.id,s.errorCode=t,s.errorReason=i,s}static createNotification(e,t){let i=new y;return i.notification=!0,i.method=e,i.data=t,i}}const E=new P("Channel"),b={retries:10,factor:2,minTimeout:1e3,maxTimeout:8e3};class R extends I{constructor(e){super(),this._closed=!1,E.debug("constructor()"),this._useSSL=e.useSSL||!1,this._host=e.host,this._port=e.port,this._path=e.path,this._clientId=e.clientId,this._username=e.username,this._password=e.password,this._retry=e.retry||b,this.connect()}get host(){return this._host}get port(){return this._port}get clientId(){return this._clientId}get username(){return this._username}close(){this._pahoClient.disconnect()}get isConnected(){return null!=this._pahoClient&&this._pahoClient.isConnected()}connect(){const i=r.operation(this._retry||b);let s=!1;i.attempt(t=>{var e;this._closed?i.stop():(this._pahoClient=new o.Client(this._host,this._port,this._path,this._clientId),e={useSSL:this._useSSL,timeout:3,userName:this._username,password:this._password,keepAliveInterval:30,onSuccess:()=>{E.debug("mqtt connection success"),this._pahoClient.subscribe("mediaserver/+/"+this._clientId,{qos:1}),s=!0,this.safeEmit("open")},onFailure:e=>{if(E.debug("mqtt connection failure - "+e.errorMessage),!this._closed)return s?(i.stop(),this.safeEmit("disconnected"),this._closed?void 0:void this.connect()):(this.safeEmit("failed",t),void(this._closed||i.retry()||(this._closed=!0,this.safeEmit("close"))))}},this._pahoClient.onConnectionLost=e=>{E.debug("mqtt connection lost - "+e.errorMessage),this._closed||(this._closed=!0)},this._pahoClient.onMessageArrived=e=>{var t;this._closed||(t=y.parse(e.payloadString),E.debug("<== %s %o",e.destinationName,JSON.parse(JSON.stringify(t))),e=e.destinationName.split("/")[1],0!==this.listenerCount(e)?this.safeEmit(e,t):E.debug(`no listeners for room "${e}" event, ignoring received message`))},this._pahoClient.connect(e))})}send(t,i){if(this._closed)throw new Error("room closed");try{var s=JSON.stringify(t);let e=new o.Message(s);e.destinationName=`client/${this._clientId}/${i||"@allocate"}`,this._pahoClient.send(e),t.notification&&"ping"===t.method||E.debug("==> %s %o",e.destinationName,JSON.parse(s))}catch(e){throw E.error("send() failed:%o",e),e}}}const T=m.generator({min:1e8,max:999999999,integer:!0});(i=h=h||{})[i.UNKNOWN_ERROR=-1]="UNKNOWN_ERROR",i[i.NO_ERROR=0]="NO_ERROR",i[i.INVALID_STATE=7201]="INVALID_STATE",i[i.UNKNOWN_METHOD=7202]="UNKNOWN_METHOD";class w extends Error{constructor(t,i){if(super(i),this._errorCode=t,this._errorReason=i,this.name="MediaServerError",Error.hasOwnProperty("captureStackTrace"))Error.captureStackTrace(this,w);else{let e=i;0!=t&&(e+=". Code: "+t),this.stack=new Error(e).stack}}get errorCode(){return this._errorCode}get errorReason(){return this._errorReason}}const k=new P("RemoteClient");class D extends I{constructor(e,{id:t,tag:i,videoPush:s,audioPush:o,roomId:r}){super(),this._consumers=new Map,this.eventEmit=new I,k.debug("constructor()"),this._id=t,this._tag=i,this._videoPush=s,this._audioPush=o,this._roomId=r,this.eventEmit=e}close(){k.debug("close(), id: %s",this.id),this._consumers.forEach(e=>e.close())}get id(){return this._id}get tag(){return this._tag}get videoPush(){return this._videoPush}get audioPush(){return this._audioPush}get roomId(){return this._roomId}get consumers(){return this._consumers}get playElement(){return this._playElement}set playElement(e){this._playElement=e,this._playElement.autoplay=!1}get appData(){return this._appData}set appData(e){this._appData=e}addConsumer(e){if(this._consumers.set(e.id,e),e.on("transportclose",()=>{this._consumers.delete(e.id)}),"GB28181"===this.tag)this.eventEmit.safeEmit("canPlay",{id:this.id,consumers:this.consumers,consumer:e,videoPush:this.videoPush,audioPush:this.audioPush,roomId:this.roomId,appData:this.appData,tag:this.tag,videoPushing:!1,audioPushing:!1});else{let e=!1,t=!1;for(var i of this.consumers){var[,i]=i;"video"===i.kind?e=!0:"audio"===i.kind&&(t=!0)}this.eventEmit.safeEmit("canPlay",{id:this.id,consumers:this.consumers,videoPush:this.videoPush,audioPush:this.audioPush,roomId:this.roomId,appData:this.appData,videoPushing:e,audioPushing:t})}}play(){let t=new MediaStream;this._playElement.srcObject=t,this._consumers.forEach(e=>{t.addTrack(e.track)}),this._playElement.play().catch(e=>k.warn("videoElement.play() failed:%o",e))}closeConsumer(e){let t=this._consumers.get(e);t&&(t.close(),this._consumers.delete(e))}}function S(t){return g(this,void 0,void 0,function*(){if(!navigator.mediaDevices||!navigator.mediaDevices.enumerateDevices)return[];const e=yield navigator.mediaDevices.enumerateDevices();return console.log("mediaDevicesList",e),e.filter(e=>e.kind===t)})}const q=new P("Room"),M=[{scaleResolutionDownBy:4,maxBitrate:5e5},{scaleResolutionDownBy:2,maxBitrate:1e6},{scaleResolutionDownBy:1,maxBitrate:5e6}];class N extends I{constructor(e,{roomId:t,routingId:i,channel:s,videoPush:o,audioPush:r,tag:n,consumeTags:a,forceH264:d,forceVP8:c,forceVP9:u,audioInput:h,appData:l,localPlayElement:m}){super(),this._closed=!1,this._sents=new Map,this._mapRemoteClients=new Map,this.eventEmit=new I,this._pingInterval=setInterval(()=>{this.notify("ping")},5e3),this._exitRoom=()=>{clearInterval(this._pingInterval),this._closed||(this._closed=!0,q.debug("close() %s",this._roomId),this.notify("leave"),this._sendTransport&&this._sendTransport.close(),this._recvTransport&&this._recvTransport.close(),this._channel.removeAllListeners(this._routingId),this.disableMic(),this.disableWebcam(),this.eventEmit.safeEmit("exitRoom",this))},this._audioConsumerPaused=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){this._audioProducer&&this._audioProducer.pause(),yield this.request("pauseProducer",{producerId:this._audioProducer.id}).then(()=>{e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("audioConsumerPauseFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this._audioConsumerResume=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){yield this.request("resumeProducer",{producerId:this._audioProducer.id}).then(()=>{this._audioProducer&&this._audioProducer.resume(),e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("audioConsumerResumeFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this._videoConsumerPaused=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){this._videoProducer&&this._videoProducer.pause(),yield this.request("pauseProducer",{producerId:this._videoProducer.id}).then(()=>{e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("videoConsumerPauseFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this._videoConsumerResume=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){yield this.request("resumeProducer",{producerId:this._videoProducer.id}).then(()=>{this._videoProducer&&this._videoProducer.resume(),e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("videoConsumerResumeFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this.printSendTransportStats=()=>{this._sendTransport&&this.request("getTransportStats",{transportId:this._sendTransport.id}).then(e=>{q.debug("sendTransport stats: %s",JSON.stringify(e,null,"  "))})},this.printRecvTransportStats=()=>{this._recvTransport&&this.request("getTransportStats",{transportId:this._recvTransport.id}).then(e=>{q.debug("recvTransport stats: %s",JSON.stringify(e,null,"  "))})},this.printAudioProducerStats=()=>{this._audioProducer&&this.request("getProducerStats",{producerId:this._audioProducer.id}).then(e=>{q.debug("audioProducer stats: %s",JSON.stringify(e,null,"  "))})},this.printVideoProducerStats=()=>{this._videoProducer&&this.request("getProducerStats",{producerId:this._videoProducer.id}).then(e=>{q.debug("videoProducer stats: %s",JSON.stringify(e,null,"  "))})},this.printConsumerStats=()=>{this._mapRemoteClients.forEach(i=>{i.consumers.forEach(t=>{this.request("getConsumerStats",{consumerId:t.id}).then(e=>{q.debug("client: %s, consumer: %s, kind: %s, stats: %s",i.id,t.id,t.kind,JSON.stringify(e,null,"  "))})})})},this._roomId=t,this._routingId=i,this._channel=s,this._videoPush=o,this._audioPush=r,this._appData=l,this._tag=n,this._consumeTags=a,this._mediaClientDevice=new p.Device,this._forceH264=Boolean(d),this._forceVP8=Boolean(c),this._forceVP9=Boolean(u),this._channel.on(i,e=>{this.onMessage(e)}),this.eventEmit=e,this._audioInput=h,this._localPlayElement=m,this.start().then()}get appData(){return this._appData}set appData(e){this._appData=e}get roomId(){return this._roomId}get tag(){return this._tag}get videoPush(){return this._videoPush}get audioPush(){return this._audioPush}get localPlayElement(){return this._localPlayElement}set localPlayElement(e){this._localPlayElement=e}get exitRoom(){return this._exitRoom}get audioConsumerPaused(){return this._audioConsumerPaused}get audioConsumerResume(){return this._audioConsumerResume}get videoConsumerPaused(){return this._videoConsumerPaused}get videoConsumerResume(){return this._videoConsumerResume}start(){return g(this,void 0,void 0,function*(){yield this.getRtpCapabilities(),yield Promise.all([this.createRecvTransport(),this.createSendTransport()]),yield this.join();let e=[];this._audioPush&&e.push(this.enableMic()),this._videoPush&&e.push(this.enableWebcam()),yield Promise.all(e),this.localPlay()})}getRtpCapabilities(){return g(this,void 0,void 0,function*(){q.debug("getRtpCapabilities() | room: %s",this._roomId);var e=yield this.request("getRtpCapabilities");yield this._mediaClientDevice.load({routerRtpCapabilities:e})})}createRecvTransport(){return g(this,void 0,void 0,function*(){var e,t,i,s,o;0!==this._consumeTags.length&&({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o}=yield this.request("createRecvTransport"),this._recvTransport=this._mediaClientDevice.createRecvTransport({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o,iceServers:[]}),this._recvTransport.on("connectionstatechange",e=>{q.debug("connectionStateChange: %s",e)}),this._recvTransport.on("connect",({dtlsParameters:e},t,i)=>{this.request("connectRecvTransport",{transportId:this._recvTransport.id,dtlsParameters:e}).then(t).catch(i)}))})}createSendTransport(){return g(this,void 0,void 0,function*(){var e,t,i,s,o;(this._videoPush||this._audioPush)&&({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o}=yield this.request("createSendTransport"),this._sendTransport=this._mediaClientDevice.createSendTransport({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o,iceServers:[]}),this._sendTransport.on("connect",({dtlsParameters:e},t,i)=>{this.request("connectSendTransport",{transportId:this._sendTransport.id,dtlsParameters:e}).then(t).catch(i)}),this._sendTransport.on("produce",({kind:t,rtpParameters:i},s,o)=>g(this,void 0,void 0,function*(){try{var{id:e}=yield this.request("produce",{transportId:this._sendTransport.id,kind:t,rtpParameters:i,appData:this._appData||{}});s({id:e})}catch(e){o(e)}})),this._sendTransport.on("connectionstatechange",e=>{q.debug("connectionStateChange: %s",e)}))})}join(){return g(this,void 0,void 0,function*(){yield this.request("join",{rtpCapabilities:this._mediaClientDevice.rtpCapabilities,appData:this._appData||{}})})}enableMic(){return g(this,void 0,void 0,function*(){let t;try{q.debug("enableMic() | calling getUserMedia()");let e;var i=yield S("audioinput");e=this._audioInput||i[0];var s=yield navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,autoGainControl:!1,noiseSuppression:!0,deviceId:{exact:e.deviceId}}});const o=new AudioContext,r=o.createMediaStreamSource(s),n=o.createMediaStreamDestination(),a=o.createBiquadFilter();a.type="allpass",a.Q.value=1,a.frequency.value=600,a.gain.value=5,r.connect(a).connect(n),t=n.stream.getAudioTracks()[0],this._localAudioTrack=t,this._audioProducer=yield this._sendTransport.produce({track:t,codecOptions:{opusStereo:!0,opusDtx:!0},zeroRtpOnPause:!0}),this.eventEmit.emit("audioProducerCreated",{roomId:this.roomId,track:this._localAudioTrack}),this._audioProducer.on("transportclose",()=>{this._audioProducer=null}),this._audioProducer.on("trackended",()=>{this.disableMic().catch(()=>{})})}catch(e){q.error("enableMic() | failed:%o",e),t&&t.stop()}})}enableWebcam(){return g(this,void 0,void 0,function*(){let t,i;try{var s={audio:!0,video:!0};navigator.mediaDevices&&navigator.mediaDevices.getUserMedia?i=yield navigator.mediaDevices.getUserMedia(s):navigator.getUserMedia&&navigator.getUserMedia(s,()=>{},()=>{}),q.debug("enableWebcam() | calling getUserMedia()"),t=i.getVideoTracks()[0],this._localVideoTrack=t;let e;if(this._forceH264){if(e=this._mediaClientDevice.rtpCapabilities.codecs.find(e=>"video/h264"===e.mimeType.toLowerCase()),!e)throw new Error("desired H264 codec+configuration is not supported")}else if(this._forceVP8){if(e=this._mediaClientDevice.rtpCapabilities.codecs.find(e=>"video/vp8"===e.mimeType.toLowerCase()),!e)throw new Error("desired VP8 codec+configuration is not supported")}else if(this._forceVP9&&(e=this._mediaClientDevice.rtpCapabilities.codecs.find(e=>"video/vp9"===e.mimeType.toLowerCase()),!e))throw new Error("desired VP9 codec+configuration is not supported");q.debug(M),this._videoProducer=yield this._sendTransport.produce({track:t,codec:e,encodings:M,codecOptions:{videoGoogleStartBitrate:1e3},zeroRtpOnPause:!0}),this.eventEmit.emit("videoProducerCreated",{roomId:this.roomId,track:this._localVideoTrack}),this._videoProducer.on("transportclose",()=>{this._videoProducer=null}),this._videoProducer.on("trackended",()=>{this.disableWebcam().catch(()=>{})})}catch(e){q.error("enableWebcam() | failed",e),t&&t.stop()}})}localPlay(){if(this._localPlayElement){const e=new MediaStream;this._localVideoTrack&&e.addTrack(this._localVideoTrack),this._localAudioTrack&&e.addTrack(this._localAudioTrack),this._localPlayElement.srcObject=e,this._localPlayElement.play().catch(e=>console.warn("localPlayElement.play() failed:%o",e))}}disableMic(){return g(this,void 0,void 0,function*(){q.debug("disableMic()"),this._audioProducer&&(this._audioProducer.close(),this._audioProducer=null)})}disableWebcam(){return g(this,void 0,void 0,function*(){q.debug("disableWebcam()"),this._videoProducer&&(this._videoProducer.close(),this._videoProducer=null)})}onMessage(i){i.request?this.handleRequest(i).then(e=>{e=y.createSuccessResponse(i,e);this._channel.send(e,this._routingId)}).catch(e=>{var t;e instanceof w?(t=e,t=y.createErrorResponse(i,t.errorCode,t.errorReason),this._channel.send(t,this._routingId)):e instanceof Error&&(e=String(e),e=y.createErrorResponse(i,-1,e),this._channel.send(e,this._routingId))}):i.response?this.handleResponse(i):i.notification&&this.handleNotification(i)}handleRequest(a){return g(this,void 0,void 0,function*(){if("newConsumer"!==a.method)throw new w(h.UNKNOWN_METHOD,`unknown method '${a.method}'`);{var{clientId:t,id:i,producerId:s,kind:o,rtpParameters:r,appData:n}=a.data;let e=this._mapRemoteClients.get(t);t=yield this._recvTransport.consume({id:i,producerId:s,kind:o,rtpParameters:r,appData:{clientId:t}});return e.appData=n,e.addConsumer(t),this.eventEmit.emit("newConsumer",e),{}}})}handleResponse(e){const t=this._sents.get(e.id);t?e.ok?(q.debug("request succeeded [method:%s, id:%s]",t.method,t.id),t.resolve(e.data)):(q.warn("request failed [method:%s, id:%s]: %s",t.method,t.id,e.errorReason),t.reject(e.errorCode,e.errorReason)):q.error("received response does not match any sent request [id:%s]",e.id)}handleNotification(o){switch(o.method){case"newClient":{q.debug("newClient: %s",o.data.clientId);var{clientId:t,videoPush:i,audioPush:s,tag:r,appData:n}=o.data;let e=this._mapRemoteClients.get(t);e&&(e.close(),this._mapRemoteClients.delete(t));var a=new D(this.eventEmit,{id:t,tag:r,videoPush:i,audioPush:s,roomId:this.roomId});this._mapRemoteClients.set(t,a),this.emit("newClient",{clientId:t,videoPush:i,audioPush:s,tag:r,appData:n,roomId:this.roomId},e=>{});break}case"newClients":o.data.clients.forEach(e=>{q.debug("newClient: %s",e);var{clientId:t,videoPush:i,audioPush:s,tag:o,appData:r}=e;let n=this._mapRemoteClients.get(t);n&&(n.close(),this._mapRemoteClients.delete(t));e=new D(this.eventEmit,{id:t,tag:o,videoPush:i,audioPush:s,roomId:this.roomId});this._mapRemoteClients.set(t,e),this.emit("newClient",{clientId:t,videoPush:i,audioPush:s,tag:o,appData:r,roomId:this.roomId},e=>{})}),this.eventEmit.emit("newClients",o.data.clients);break;case"consumerClosed":{var{consumerId:d,clientId:n}=o.data;let e=this._mapRemoteClients.get(n);e&&e.closeConsumer(d);break}case"clientClosed":{var{clientId:d,appData:c}=o.data;let e=this._mapRemoteClients.get(d);e&&(e.close(),this._mapRemoteClients.delete(d)),this.emit("clientClosed",{clientId:d}),this.eventEmit.safeEmit("clientClosed",{clientId:d,roomId:this.roomId,appData:c});break}case"roomClosed":var{appData:c}=o.data;this.eventEmit.safeEmit("roomClosed",{_routingId:this._routingId,roomId:this.roomId,appData:c});break;case"producerPaused":var{id:e}=o.data;this._audioProducer.paused?this.eventEmit.safeEmit("audioProducerPaused",{id:e,roomId:this.roomId}):(this._audioProducer&&this._audioProducer.pause(),this.eventEmit.safeEmit("audioProducerBroken",{id:e,roomId:this.roomId}));break;case"producerResumed":var{id:e}=o.data;this.eventEmit.safeEmit("audioProducerResumed",{id:e,roomId:this.roomId});break;case"consumerPaused":{var{id:u,clientId:h}=o.data;let{appData:e,audioPush:t,videoPush:i,consumers:s}=this._mapRemoteClients.get(h);h=s.get(u);this.eventEmit.safeEmit("consumerPaused",{id:u,audioPush:t,videoPush:i,roomId:this.roomId,clientId:e.clientId,kind:h.kind});break}case"consumerResumed":{var{id:u,clientId:h}=o.data;let{appData:e,audioPush:t,videoPush:i,consumers:s}=this._mapRemoteClients.get(h);h=s.get(u);this.eventEmit.safeEmit("consumerResumed",{id:u,audioPush:t,videoPush:i,roomId:this.roomId,clientId:e.clientId,kind:h.kind});break}default:q.warn(`unknown method '${o.method}'`)}}request(r,t){return g(this,void 0,void 0,function*(){const o=T();q.debug("request() [method:%s, id:%s]",r,o);var e=y.createRequest(o,r,t);return this._channel.send(e,this._routingId),new Promise((t,i)=>{var e=1e3*(8+.1*this._sents.size);const s={id:o,method:r,resolve:e=>{this._sents.delete(o)&&(clearTimeout(s.timer),t(e))},reject:(e,t)=>{this._sents.delete(o)&&(clearTimeout(s.timer),i(new Error(t)))},timer:setTimeout(()=>{this._sents.delete(o)&&i(new Error("Channel request timeout"))},e),close:()=>{clearTimeout(s.timer),i(new Error("Channel closed"))}};this._sents.set(o,s)})})}notify(e,t){t=y.createNotification(e,t);this._channel.send(t,this._routingId)}replaceVideoTrack(i,s){return g(this,void 0,void 0,function*(){const e=yield navigator.mediaDevices.getUserMedia({video:{deviceId:{exact:i.deviceId},facingMode:s||"user"}});var t=e.getVideoTracks()[0];this._videoProducer&&(yield this._videoProducer.replaceTrack({track:t})),this._localVideoTrack=t,this.localPlay()})}replaceAudioTrack(i){return g(this,void 0,void 0,function*(){const e=yield navigator.mediaDevices.getUserMedia({audio:{deviceId:{exact:i.deviceId}}});var t=e.getVideoTracks()[0];this._videoProducer&&(yield this._audioProducer.replaceTrack({track:t})),this._localVideoTrack=t,this.localPlay()})}consumerPaused(){this._videoProducer&&this._videoProducer.pause()}consumerResume(){this._videoProducer&&this._videoProducer.resume()}}const O=new P("MediaClient");class x extends I{constructor(e){super(),this._sents=new Map,this._mapRooms=new Map,this.eventEmit=new I,this.eventEmit=e,O.debug("constructor()")}get initialized(){return null!=this._channel&&this._channel.isConnected}init(t){return g(this,void 0,void 0,function*(){return null!=this._channel&&this._channel.close(),new Promise(e=>{this._channel=new R(t),this._channel.on("@allocate",e=>{if(e.response){const t=this._sents.get(e.id);t?e.ok?(O.debug("request succeeded [method:%s, id:%s]",t.method,t.id),t.resolve(e.data)):(O.warn("request failed [method:%s, id:%s]: %s",t.method,t.id,e.errorReason),t.reject(e.errorCode,e.errorReason)):O.error("received response does not match any sent request [id:%s]",e.id)}}),this._channel.on("open",()=>{e()}),this._channel.on("disconnected",()=>{this.safeEmit("disconnected")}),setTimeout(()=>{this.eventEmit.safeEmit("open")},500)})})}disconnect(){return g(this,void 0,void 0,function*(){this._channel.close()})}joinRoom(t){return g(this,void 0,void 0,function*(){var{routingId:e}=yield this.request("allocate",{appId:t.appId,clientId:t.clientId,roomId:t.roomId,videoPush:t.videoPush,audioPush:t.audioPush,tag:t.tag,consumeTags:t.consumeTags,nonce:t.nonce,timestamp:t.timestamp,token:t.token,halfDuplex:t.halfDuplex,priority:t.priority}),e=new N(this.eventEmit,{roomId:t.roomId,routingId:e,channel:this._channel,videoPush:t.videoPush,audioPush:t.audioPush,tag:t.tag,consumeTags:t.consumeTags,videoInput:t.videoInput,audioInput:t.audioInput,appData:t.appData,localPlayElement:t.localPlayElement});return this._mapRooms.set(t.roomId,e),console.log("_mapRooms",this._mapRooms),e})}request(r,t){return g(this,void 0,void 0,function*(){const o=T();O.debug("request() [method:%s, id:%s]",r,o);var e=y.createRequest(o,r,t);return this._channel.send(e),new Promise((t,i)=>{var e=1e3*(8+.1*this._sents.size);const s={id:o,method:r,resolve:e=>{this._sents.delete(o)&&(clearTimeout(s.timer),t(e))},reject:(e,t)=>{this._sents.delete(o)&&(clearTimeout(s.timer),i(new Error(t)))},timer:setTimeout(()=>{this._sents.delete(o)&&i(new Error("Channel request timeout"))},e),close:()=>{clearTimeout(s.timer),i(new Error("Channel closed"))}};this._sents.set(o,s)})})}}I;e.HyRtcCore=class extends I{constructor(e){super(),this.eventEmit=new I,this._connectInfo=e,this._mediaClient=new x(this.eventEmit)}get room(){return this._room}get mediaClient(){return this._mediaClient}connect(){return g(this,void 0,void 0,function*(){yield this._mediaClient.init(this._connectInfo)})}disconnect(){return g(this,void 0,void 0,function*(){yield this._mediaClient.disconnect()})}join(e){return g(this,void 0,void 0,function*(){return this._room&&this._room.roomId,this._room=yield this._mediaClient.joinRoom(Object.assign(Object.assign({},e),{forceVP8:!0,videoInput:this._videoInput,audioInput:this._audioInput})),this._room.on("newClient",(e,t)=>{this.eventEmit.safeEmit("newClient",e)}),this._room})}generateRtcAuthInfo(e){var t=parseInt(String((new Date).getTime()/1e3+10)),i=String(this.generateRandomNumber()),s=v.default(`appId=${this._connectInfo.appId}&appKey=${this._connectInfo.appKey}&audioPush=${e.audioPush}&clientId=${this._connectInfo.clientId}&consumeTags=${e.consumeTags}&nonce=${i}&roomId=${e.roomId}&tag=${e.tag}&timestamp=${t}&videoPush=${e.videoPush}`);return{appId:this._connectInfo.appId,clientId:this._connectInfo.clientId,roomId:e.roomId,nonce:i,timestamp:t,token:s,videoPush:e.videoPush,audioPush:e.audioPush,tag:e.tag,consumeTags:e.consumeTags}}generateRandomNumber(){const e=m.generator({min:1e8,max:999999999,integer:!0});return e()}checkDeviceSupport(){return g(this,void 0,void 0,function*(){return new Promise(e=>{_.default.load(function(){e(_.default)})})})}setVideoInput(e){this._videoInput=e}setAudioInput(e){this._audioInput=e}getMediaDevices(e){return g(this,void 0,void 0,function*(){return yield S(e)})}replaceVideoTrack(e,t){this._room&&this._room.replaceVideoTrack&&this._room.replaceVideoTrack(e,t)}replaceAudioTrack(e){this._room&&this._room.replaceAudioTrack&&this._room.replaceAudioTrack(e)}audioConsumerPaused(){return this._room&&this._room.audioConsumerPaused()}audioConsumerResume(){return g(this,void 0,void 0,function*(){return this._room&&(yield this._room.audioConsumerResume())})}videoConsumerPaused(){return this._room&&this._room.videoConsumerPaused()}videoConsumerResume(){return g(this,void 0,void 0,function*(){return this._room&&(yield this._room.videoConsumerResume())})}notificationDeviceControl(s){return g(this,void 0,void 0,function*(){var{clientId:e,command:t,speed:i=4}=s;this._room&&this._room.notify("control",{command:t,clientId:e,speed:i})})}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){ true?t(exports,__webpack_require__("c155"),__webpack_require__("faa1"),__webpack_require__("4259"),__webpack_require__("a448"),__webpack_require__("8be1"),__webpack_require__("192b"),__webpack_require__("0b26"),__webpack_require__("2eda")):undefined}(this,function(e,t,i,o,r,s,n,a,d){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(i){if(i&&i.__esModule)return i;var s=Object.create(null);return i&&Object.keys(i).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(i,e),Object.defineProperty(s,e,t.get?t:{enumerable:!0,get:function(){return i[e]}}))}),s.default=i,Object.freeze(s)}var h,l=c(t),m=u(s),p=u(n),v=c(a),_=c(d);function g(e,n,a,d){return new(a=a||Promise)(function(i,t){function s(e){try{r(d.next(e))}catch(e){t(e)}}function o(e){try{r(d.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?i(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(s,o)}r((d=d.apply(e,n||[])).next())})}const f="mediaclient";localStorage.debug="mediasoup-client:* mediaclient:*";class P{constructor(e){e?(this._debug=l.default(`${f}:${e}`),this._warn=l.default(`${f}:WARN:${e}`),this._error=l.default(`${f}:ERROR:${e}`)):(this._debug=l.default(f),this._warn=l.default(`${f}:WARN`),this._error=l.default(`${f}:ERROR`)),this._debug.log=console.info.bind(console),this._warn.log=console.warn.bind(console),this._error.log=console.error.bind(console)}get debug(){return this._debug}get warn(){return this._warn}get error(){return this._error}}class I extends i.EventEmitter{constructor(e){super(),this.setMaxListeners(1/0),this._logger=e||new P("EnhancedEventEmitter")}safeEmit(t,...e){var i=this.listenerCount(t);try{return this.emit(t,...e)}catch(e){return this._logger.error("safeEmit() | event listener threw an error [event:%s]:%o",t,e),Boolean(i)}}safeEmitAsPromise(i,...s){return g(this,void 0,void 0,function*(){return new Promise((e,t)=>this.safeEmit(i,...s,e,t))})}}const C=new P("Message");class y{static parse(e){let t;const i=new y;try{t=JSON.parse(e.toString())}catch(e){return void C.error("parse() | invalid JSON: %s",e)}if("object"==typeof t&&!Array.isArray(t)){if(t.request){if(i.request=!0,"string"!=typeof t.method)return void C.error("parse() | missing/invalid method field");if("number"!=typeof t.id)return void C.error("parse() | missing/invalid id field");i.id=t.id,i.method=t.method,i.data=t.data||{}}else if(t.response){if(i.response=!0,"number"!=typeof t.id)return void C.error("parse() | missing/invalid id field");i.id=t.id,t.ok?(i.ok=!0,i.data=t.data||{}):(i.ok=!1,i.errorCode=t.errorCode,i.errorReason=t.errorReason)}else{if(!t.notification)return void C.error("parse() | missing request/response field");if(i.notification=!0,"string"!=typeof t.method)return void C.error("parse() | missing/invalid method field");i.method=t.method,i.data=t.data||{}}return i}C.error("parse() | not an object")}static createRequest(e,t,i){let s=new y;return s.request=!0,s.id=e,s.method=t,s.data=i||{},s}static createSuccessResponse(e,t){let i=new y;return i.response=!0,i.id=e.id,i.ok=!0,i.data=t,i}static createErrorResponse(e,t,i){let s=new y;return s.response=!0,s.id=e.id,s.errorCode=t,s.errorReason=i,s}static createNotification(e,t){let i=new y;return i.notification=!0,i.method=e,i.data=t,i}}const E=new P("Channel"),R={retries:10,factor:2,minTimeout:1e3,maxTimeout:8e3};class b extends I{constructor(e){super(),this._closed=!1,E.debug("constructor()"),this._useSSL=e.useSSL||!1,this._host=e.host,this._port=e.port,this._path=e.path,this._clientId=e.clientId,this._username=e.username,this._password=e.password,this._retry=e.retry||R,this.connect()}get host(){return this._host}get port(){return this._port}get clientId(){return this._clientId}get username(){return this._username}close(){this._pahoClient.disconnect()}get isConnected(){return null!=this._pahoClient&&this._pahoClient.isConnected()}connect(){const i=r.operation(this._retry||R);let s=!1;i.attempt(t=>{var e;this._closed?i.stop():(this._pahoClient=new o.Client(this._host,this._port,this._path,this._clientId),e={useSSL:this._useSSL,timeout:3,userName:this._username,password:this._password,keepAliveInterval:30,onSuccess:()=>{E.debug("mqtt connection success"),this._pahoClient.subscribe("mediaserver/+/"+this._clientId,{qos:1}),s=!0,this.safeEmit("open")},onFailure:e=>{if(E.debug("mqtt connection failure - "+e.errorMessage),!this._closed)return s?(i.stop(),this.safeEmit("disconnected"),this._closed?void 0:void this.connect()):(this.safeEmit("failed",t),void(this._closed||i.retry()||(this._closed=!0,this.safeEmit("close"))))}},this._pahoClient.onConnectionLost=e=>{E.debug("mqtt connection lost - "+e.errorMessage),this._closed||(this._closed=!0)},this._pahoClient.onMessageArrived=e=>{var t;this._closed||(t=y.parse(e.payloadString),E.debug("<== %s %o",e.destinationName,JSON.parse(JSON.stringify(t))),e=e.destinationName.split("/")[1],0!==this.listenerCount(e)?this.safeEmit(e,t):E.debug(`no listeners for room "${e}" event, ignoring received message`))},this._pahoClient.connect(e))})}send(t,i){if(this._closed)throw new Error("room closed");try{var s=JSON.stringify(t);let e=new o.Message(s);e.destinationName=`client/${this._clientId}/${i||"@allocate"}`,this._pahoClient.send(e),t.notification&&"ping"===t.method||E.debug("==> %s %o",e.destinationName,JSON.parse(s))}catch(e){throw E.error("send() failed:%o",e),e}}}const T=m.generator({min:1e8,max:999999999,integer:!0});(i=h=h||{})[i.UNKNOWN_ERROR=-1]="UNKNOWN_ERROR",i[i.NO_ERROR=0]="NO_ERROR",i[i.INVALID_STATE=7201]="INVALID_STATE",i[i.UNKNOWN_METHOD=7202]="UNKNOWN_METHOD";class w extends Error{constructor(t,i){if(super(i),this._errorCode=t,this._errorReason=i,this.name="MediaServerError",Error.hasOwnProperty("captureStackTrace"))Error.captureStackTrace(this,w);else{let e=i;0!=t&&(e+=". Code: "+t),this.stack=new Error(e).stack}}get errorCode(){return this._errorCode}get errorReason(){return this._errorReason}}const k=new P("RemoteClient");class D extends I{constructor(e,{id:t,tag:i,videoPush:s,audioPush:o,roomId:r}){super(),this._consumers=new Map,this.eventEmit=new I,k.debug("constructor()"),this._id=t,this._tag=i,this._videoPush=s,this._audioPush=o,this._roomId=r,this.eventEmit=e}close(){k.debug("close(), id: %s",this.id),this._consumers.forEach(e=>e.close())}get id(){return this._id}get tag(){return this._tag}get videoPush(){return this._videoPush}get audioPush(){return this._audioPush}get roomId(){return this._roomId}get consumers(){return this._consumers}get playElement(){return this._playElement}set playElement(e){this._playElement=e,this._playElement.autoplay=!1}get appData(){return this._appData}set appData(e){this._appData=e}addConsumer(e){if(this._consumers.set(e.id,e),e.on("transportclose",()=>{this._consumers.delete(e.id)}),"GB28181"===this.tag)this.eventEmit.safeEmit("canPlay",{id:this.id,consumers:this.consumers,consumer:e,videoPush:this.videoPush,audioPush:this.audioPush,roomId:this.roomId,appData:this.appData,tag:this.tag,videoPushing:!1,audioPushing:!1});else{let e=!1,t=!1;for(var i of this.consumers){var[,i]=i;"video"===i.kind?e=!0:"audio"===i.kind&&(t=!0)}this.eventEmit.safeEmit("canPlay",{id:this.id,consumers:this.consumers,videoPush:this.videoPush,audioPush:this.audioPush,roomId:this.roomId,appData:this.appData,videoPushing:e,audioPushing:t})}}play(){let t=new MediaStream;this._playElement.srcObject=t,this._consumers.forEach(e=>{t.addTrack(e.track)}),this._playElement.play().catch(e=>k.warn("videoElement.play() failed:%o",e))}closeConsumer(e){let t=this._consumers.get(e);t&&(t.close(),this._consumers.delete(e))}}function S(t){return g(this,void 0,void 0,function*(){if(!navigator.mediaDevices||!navigator.mediaDevices.enumerateDevices)return[];const e=yield navigator.mediaDevices.enumerateDevices();return console.log("mediaDevicesList",e),e.filter(e=>e.kind===t)})}const q=new P("Room"),M=[{scaleResolutionDownBy:4,maxBitrate:5e5},{scaleResolutionDownBy:2,maxBitrate:1e6},{scaleResolutionDownBy:1,maxBitrate:5e6}];class N extends I{constructor(e,{roomId:t,routingId:i,channel:s,videoPush:o,audioPush:r,tag:n,consumeTags:a,forceH264:d,forceVP8:c,forceVP9:u,audioInput:h,appData:l,localPlayElement:m}){super(),this._closed=!1,this._sents=new Map,this._mapRemoteClients=new Map,this.eventEmit=new I,this._pingInterval=setInterval(()=>{this.notify("ping")},5e3),this._exitRoom=()=>{clearInterval(this._pingInterval),this._closed||(this._closed=!0,q.debug("close() %s",this._roomId),this.notify("leave"),this._sendTransport&&this._sendTransport.close(),this._recvTransport&&this._recvTransport.close(),this._channel.removeAllListeners(this._routingId),this.disableMic(),this.disableWebcam(),this.eventEmit.safeEmit("exitRoom",this))},this._notificationDeviceControl=e=>{var{clientId:t,command:i,speed:e=4}=e;this.notify("control",{command:i,clientId:t,speed:e})},this._audioConsumerPaused=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){this._audioProducer&&this._audioProducer.pause(),yield this.request("pauseProducer",{producerId:this._audioProducer.id}).then(()=>{e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("audioConsumerPauseFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this._audioConsumerResume=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){yield this.request("resumeProducer",{producerId:this._audioProducer.id}).then(()=>{this._audioProducer&&this._audioProducer.resume(),e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("audioConsumerResumeFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this._videoConsumerPaused=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){this._videoProducer&&this._videoProducer.pause(),yield this.request("pauseProducer",{producerId:this._videoProducer.id}).then(()=>{e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("videoConsumerPauseFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this._videoConsumerResume=()=>g(this,void 0,void 0,function*(){return new Promise((e,t)=>g(this,void 0,void 0,function*(){yield this.request("resumeProducer",{producerId:this._videoProducer.id}).then(()=>{this._videoProducer&&this._videoProducer.resume(),e({roomId:this.roomId})}).catch(e=>{this.eventEmit.safeEmit("videoConsumerResumeFail",{msg:e.message,roomId:this.roomId}),t({msg:e.message,roomId:this.roomId})})}))}),this.printSendTransportStats=()=>{this._sendTransport&&this.request("getTransportStats",{transportId:this._sendTransport.id}).then(e=>{q.debug("sendTransport stats: %s",JSON.stringify(e,null,"  "))})},this.printRecvTransportStats=()=>{this._recvTransport&&this.request("getTransportStats",{transportId:this._recvTransport.id}).then(e=>{q.debug("recvTransport stats: %s",JSON.stringify(e,null,"  "))})},this.printAudioProducerStats=()=>{this._audioProducer&&this.request("getProducerStats",{producerId:this._audioProducer.id}).then(e=>{q.debug("audioProducer stats: %s",JSON.stringify(e,null,"  "))})},this.printVideoProducerStats=()=>{this._videoProducer&&this.request("getProducerStats",{producerId:this._videoProducer.id}).then(e=>{q.debug("videoProducer stats: %s",JSON.stringify(e,null,"  "))})},this.printConsumerStats=()=>{this._mapRemoteClients.forEach(i=>{i.consumers.forEach(t=>{this.request("getConsumerStats",{consumerId:t.id}).then(e=>{q.debug("client: %s, consumer: %s, kind: %s, stats: %s",i.id,t.id,t.kind,JSON.stringify(e,null,"  "))})})})},this._roomId=t,this._routingId=i,this._channel=s,this._videoPush=o,this._audioPush=r,this._appData=l,this._tag=n,this._consumeTags=a,this._mediaClientDevice=new p.Device,this._forceH264=Boolean(d),this._forceVP8=Boolean(c),this._forceVP9=Boolean(u),this._channel.on(i,e=>{this.onMessage(e)}),this.eventEmit=e,this._audioInput=h,this._localPlayElement=m,this.start().then()}get appData(){return this._appData}set appData(e){this._appData=e}get roomId(){return this._roomId}get tag(){return this._tag}get videoPush(){return this._videoPush}get audioPush(){return this._audioPush}get localPlayElement(){return this._localPlayElement}set localPlayElement(e){this._localPlayElement=e}get exitRoom(){return this._exitRoom}get notificationDeviceControl(){return this._notificationDeviceControl}get audioConsumerPaused(){return this._audioConsumerPaused}get audioConsumerResume(){return this._audioConsumerResume}get videoConsumerPaused(){return this._videoConsumerPaused}get videoConsumerResume(){return this._videoConsumerResume}start(){return g(this,void 0,void 0,function*(){yield this.getRtpCapabilities(),yield Promise.all([this.createRecvTransport(),this.createSendTransport()]),yield this.join();let e=[];this._audioPush&&e.push(this.enableMic()),this._videoPush&&e.push(this.enableWebcam()),yield Promise.all(e),this.localPlay()})}getRtpCapabilities(){return g(this,void 0,void 0,function*(){q.debug("getRtpCapabilities() | room: %s",this._roomId);var e=yield this.request("getRtpCapabilities");yield this._mediaClientDevice.load({routerRtpCapabilities:e})})}createRecvTransport(){return g(this,void 0,void 0,function*(){var e,t,i,s,o;0!==this._consumeTags.length&&({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o}=yield this.request("createRecvTransport"),this._recvTransport=this._mediaClientDevice.createRecvTransport({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o,iceServers:[]}),this._recvTransport.on("connectionstatechange",e=>{q.debug("connectionStateChange: %s",e)}),this._recvTransport.on("connect",({dtlsParameters:e},t,i)=>{this.request("connectRecvTransport",{transportId:this._recvTransport.id,dtlsParameters:e}).then(t).catch(i)}))})}createSendTransport(){return g(this,void 0,void 0,function*(){var e,t,i,s,o;(this._videoPush||this._audioPush)&&({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o}=yield this.request("createSendTransport"),this._sendTransport=this._mediaClientDevice.createSendTransport({id:e,iceParameters:t,iceCandidates:i,dtlsParameters:s,sctpParameters:o,iceServers:[]}),this._sendTransport.on("connect",({dtlsParameters:e},t,i)=>{this.request("connectSendTransport",{transportId:this._sendTransport.id,dtlsParameters:e}).then(t).catch(i)}),this._sendTransport.on("produce",({kind:t,rtpParameters:i},s,o)=>g(this,void 0,void 0,function*(){try{var{id:e}=yield this.request("produce",{transportId:this._sendTransport.id,kind:t,rtpParameters:i,appData:this._appData||{}});s({id:e})}catch(e){o(e)}})),this._sendTransport.on("connectionstatechange",e=>{q.debug("connectionStateChange: %s",e)}))})}join(){return g(this,void 0,void 0,function*(){yield this.request("join",{rtpCapabilities:this._mediaClientDevice.rtpCapabilities,appData:this._appData||{}})})}enableMic(){return g(this,void 0,void 0,function*(){let t;try{q.debug("enableMic() | calling getUserMedia()");let e;var i=yield S("audioinput");e=this._audioInput||i[0];var s=yield navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,autoGainControl:!1,noiseSuppression:!0,deviceId:{exact:e.deviceId}}});const o=new AudioContext,r=o.createMediaStreamSource(s),n=o.createMediaStreamDestination(),a=o.createBiquadFilter();a.type="allpass",a.Q.value=1,a.frequency.value=600,a.gain.value=5,r.connect(a).connect(n),t=n.stream.getAudioTracks()[0],this._localAudioTrack=t,this._audioProducer=yield this._sendTransport.produce({track:t,codecOptions:{opusStereo:!0,opusDtx:!0},zeroRtpOnPause:!0}),this.eventEmit.emit("audioProducerCreated",{roomId:this.roomId,track:this._localAudioTrack}),this._audioProducer.on("transportclose",()=>{this._audioProducer=null}),this._audioProducer.on("trackended",()=>{this.disableMic().catch(()=>{})})}catch(e){q.error("enableMic() | failed:%o",e),t&&t.stop()}})}enableWebcam(){return g(this,void 0,void 0,function*(){let t,i;try{var s={audio:!0,video:!0};navigator.mediaDevices&&navigator.mediaDevices.getUserMedia?i=yield navigator.mediaDevices.getUserMedia(s):navigator.getUserMedia&&navigator.getUserMedia(s,()=>{},()=>{}),q.debug("enableWebcam() | calling getUserMedia()"),t=i.getVideoTracks()[0],this._localVideoTrack=t;let e;if(this._forceH264){if(e=this._mediaClientDevice.rtpCapabilities.codecs.find(e=>"video/h264"===e.mimeType.toLowerCase()),!e)throw new Error("desired H264 codec+configuration is not supported")}else if(this._forceVP8){if(e=this._mediaClientDevice.rtpCapabilities.codecs.find(e=>"video/vp8"===e.mimeType.toLowerCase()),!e)throw new Error("desired VP8 codec+configuration is not supported")}else if(this._forceVP9&&(e=this._mediaClientDevice.rtpCapabilities.codecs.find(e=>"video/vp9"===e.mimeType.toLowerCase()),!e))throw new Error("desired VP9 codec+configuration is not supported");q.debug(M),this._videoProducer=yield this._sendTransport.produce({track:t,codec:e,encodings:M,codecOptions:{videoGoogleStartBitrate:1e3},zeroRtpOnPause:!0}),this.eventEmit.emit("videoProducerCreated",{roomId:this.roomId,track:this._localVideoTrack}),this._videoProducer.on("transportclose",()=>{this._videoProducer=null}),this._videoProducer.on("trackended",()=>{this.disableWebcam().catch(()=>{})})}catch(e){q.error("enableWebcam() | failed",e),t&&t.stop()}})}localPlay(){if(this._localPlayElement){const e=new MediaStream;this._localVideoTrack&&e.addTrack(this._localVideoTrack),this._localAudioTrack&&e.addTrack(this._localAudioTrack),this._localPlayElement.srcObject=e,this._localPlayElement.play().catch(e=>console.warn("localPlayElement.play() failed:%o",e))}}disableMic(){return g(this,void 0,void 0,function*(){q.debug("disableMic()"),this._audioProducer&&(this._audioProducer.close(),this._audioProducer=null)})}disableWebcam(){return g(this,void 0,void 0,function*(){q.debug("disableWebcam()"),this._videoProducer&&(this._videoProducer.close(),this._videoProducer=null)})}onMessage(i){i.request?this.handleRequest(i).then(e=>{e=y.createSuccessResponse(i,e);this._channel.send(e,this._routingId)}).catch(e=>{var t;e instanceof w?(t=e,t=y.createErrorResponse(i,t.errorCode,t.errorReason),this._channel.send(t,this._routingId)):e instanceof Error&&(e=String(e),e=y.createErrorResponse(i,-1,e),this._channel.send(e,this._routingId))}):i.response?this.handleResponse(i):i.notification&&this.handleNotification(i)}handleRequest(a){return g(this,void 0,void 0,function*(){if("newConsumer"!==a.method)throw new w(h.UNKNOWN_METHOD,`unknown method '${a.method}'`);{var{clientId:t,id:i,producerId:s,kind:o,rtpParameters:r,appData:n}=a.data;let e=this._mapRemoteClients.get(t);t=yield this._recvTransport.consume({id:i,producerId:s,kind:o,rtpParameters:r,appData:{clientId:t}});return e.appData=n,e.addConsumer(t),this.eventEmit.emit("newConsumer",e),{}}})}handleResponse(e){const t=this._sents.get(e.id);t?e.ok?(q.debug("request succeeded [method:%s, id:%s]",t.method,t.id),t.resolve(e.data)):(q.warn("request failed [method:%s, id:%s]: %s",t.method,t.id,e.errorReason),t.reject(e.errorCode,e.errorReason)):q.error("received response does not match any sent request [id:%s]",e.id)}handleNotification(o){switch(o.method){case"newClient":{q.debug("newClient: %s",o.data.clientId);var{clientId:t,videoPush:i,audioPush:s,tag:r,appData:n}=o.data;let e=this._mapRemoteClients.get(t);e&&(e.close(),this._mapRemoteClients.delete(t));var a=new D(this.eventEmit,{id:t,tag:r,videoPush:i,audioPush:s,roomId:this.roomId});this._mapRemoteClients.set(t,a),this.emit("newClient",{clientId:t,videoPush:i,audioPush:s,tag:r,appData:n,roomId:this.roomId},e=>{});break}case"newClients":o.data.clients.forEach(e=>{q.debug("newClient: %s",e);var{clientId:t,videoPush:i,audioPush:s,tag:o,appData:r}=e;let n=this._mapRemoteClients.get(t);n&&(n.close(),this._mapRemoteClients.delete(t));e=new D(this.eventEmit,{id:t,tag:o,videoPush:i,audioPush:s,roomId:this.roomId});this._mapRemoteClients.set(t,e),this.emit("newClient",{clientId:t,videoPush:i,audioPush:s,tag:o,appData:r,roomId:this.roomId},e=>{})}),this.eventEmit.emit("newClients",o.data.clients);break;case"consumerClosed":{var{consumerId:d,clientId:n}=o.data;let e=this._mapRemoteClients.get(n);e&&e.closeConsumer(d);break}case"clientClosed":{var{clientId:d,appData:c}=o.data;let e=this._mapRemoteClients.get(d);e&&(e.close(),this._mapRemoteClients.delete(d)),this.emit("clientClosed",{clientId:d}),this.eventEmit.safeEmit("clientClosed",{clientId:d,roomId:this.roomId,appData:c});break}case"roomClosed":var{appData:c}=o.data;this.eventEmit.safeEmit("roomClosed",{_routingId:this._routingId,roomId:this.roomId,appData:c});break;case"producerPaused":var{id:e}=o.data;this._audioProducer.paused?this.eventEmit.safeEmit("audioProducerPaused",{id:e,roomId:this.roomId}):(this._audioProducer&&this._audioProducer.pause(),this.eventEmit.safeEmit("audioProducerBroken",{id:e,roomId:this.roomId}));break;case"producerResumed":var{id:e}=o.data;this.eventEmit.safeEmit("audioProducerResumed",{id:e,roomId:this.roomId});break;case"consumerPaused":{var{id:u,clientId:h}=o.data;let{appData:e,audioPush:t,videoPush:i,consumers:s}=this._mapRemoteClients.get(h);h=s.get(u);this.eventEmit.safeEmit("consumerPaused",{id:u,audioPush:t,videoPush:i,roomId:this.roomId,clientId:e.clientId,kind:h.kind});break}case"consumerResumed":{var{id:u,clientId:h}=o.data;let{appData:e,audioPush:t,videoPush:i,consumers:s}=this._mapRemoteClients.get(h);h=s.get(u);this.eventEmit.safeEmit("consumerResumed",{id:u,audioPush:t,videoPush:i,roomId:this.roomId,clientId:e.clientId,kind:h.kind});break}default:q.warn(`unknown method '${o.method}'`)}}request(r,t){return g(this,void 0,void 0,function*(){const o=T();q.debug("request() [method:%s, id:%s]",r,o);var e=y.createRequest(o,r,t);return this._channel.send(e,this._routingId),new Promise((t,i)=>{var e=1e3*(8+.1*this._sents.size);const s={id:o,method:r,resolve:e=>{this._sents.delete(o)&&(clearTimeout(s.timer),t(e))},reject:(e,t)=>{this._sents.delete(o)&&(clearTimeout(s.timer),i(new Error(t)))},timer:setTimeout(()=>{this._sents.delete(o)&&i(new Error("Channel request timeout"))},e),close:()=>{clearTimeout(s.timer),i(new Error("Channel closed"))}};this._sents.set(o,s)})})}notify(e,t){t=y.createNotification(e,t);this._channel.send(t,this._routingId)}replaceVideoTrack(i,s){return g(this,void 0,void 0,function*(){const e=yield navigator.mediaDevices.getUserMedia({video:{deviceId:{exact:i.deviceId},facingMode:s||"user"}});var t=e.getVideoTracks()[0];this._videoProducer&&(yield this._videoProducer.replaceTrack({track:t})),this._localVideoTrack=t,this.localPlay()})}replaceAudioTrack(i){return g(this,void 0,void 0,function*(){const e=yield navigator.mediaDevices.getUserMedia({audio:{deviceId:{exact:i.deviceId}}});var t=e.getVideoTracks()[0];this._videoProducer&&(yield this._audioProducer.replaceTrack({track:t})),this._localVideoTrack=t,this.localPlay()})}consumerPaused(){this._videoProducer&&this._videoProducer.pause()}consumerResume(){this._videoProducer&&this._videoProducer.resume()}}const O=new P("MediaClient");class x extends I{constructor(e){super(),this._sents=new Map,this._mapRooms=new Map,this.eventEmit=new I,this.eventEmit=e,O.debug("constructor()")}get initialized(){return null!=this._channel&&this._channel.isConnected}init(t){return g(this,void 0,void 0,function*(){return null!=this._channel&&this._channel.close(),new Promise(e=>{this._channel=new b(t),this._channel.on("@allocate",e=>{if(e.response){const t=this._sents.get(e.id);t?e.ok?(O.debug("request succeeded [method:%s, id:%s]",t.method,t.id),t.resolve(e.data)):(O.warn("request failed [method:%s, id:%s]: %s",t.method,t.id,e.errorReason),t.reject(e.errorCode,e.errorReason)):O.error("received response does not match any sent request [id:%s]",e.id)}}),this._channel.on("open",()=>{e()}),this._channel.on("disconnected",()=>{this.safeEmit("disconnected")}),setTimeout(()=>{this.eventEmit.safeEmit("open")},500)})})}disconnect(){return g(this,void 0,void 0,function*(){this._channel.close()})}joinRoom(t){return g(this,void 0,void 0,function*(){var{routingId:e}=yield this.request("allocate",{appId:t.appId,clientId:t.clientId,roomId:t.roomId,videoPush:t.videoPush,audioPush:t.audioPush,tag:t.tag,consumeTags:t.consumeTags,nonce:t.nonce,timestamp:t.timestamp,token:t.token,halfDuplex:t.halfDuplex,priority:t.priority}),e=new N(this.eventEmit,{roomId:t.roomId,routingId:e,channel:this._channel,videoPush:t.videoPush,audioPush:t.audioPush,tag:t.tag,consumeTags:t.consumeTags,videoInput:t.videoInput,audioInput:t.audioInput,appData:t.appData,localPlayElement:t.localPlayElement});return this._mapRooms.set(t.roomId,e),console.log("_mapRooms",this._mapRooms),e})}request(r,t){return g(this,void 0,void 0,function*(){const o=T();O.debug("request() [method:%s, id:%s]",r,o);var e=y.createRequest(o,r,t);return this._channel.send(e),new Promise((t,i)=>{var e=1e3*(8+.1*this._sents.size);const s={id:o,method:r,resolve:e=>{this._sents.delete(o)&&(clearTimeout(s.timer),t(e))},reject:(e,t)=>{this._sents.delete(o)&&(clearTimeout(s.timer),i(new Error(t)))},timer:setTimeout(()=>{this._sents.delete(o)&&i(new Error("Channel request timeout"))},e),close:()=>{clearTimeout(s.timer),i(new Error("Channel closed"))}};this._sents.set(o,s)})})}}I;e.HyRtcCore=class extends I{constructor(e){super(),this.eventEmit=new I,this._mapRooms=new Map,this._connectInfo=e,this._mediaClient=new x(this.eventEmit)}get room(){return this._room}get mediaClient(){return this._mediaClient}connect(){return g(this,void 0,void 0,function*(){yield this._mediaClient.init(this._connectInfo)})}disconnect(){return g(this,void 0,void 0,function*(){yield this._mediaClient.disconnect()})}join(e){return g(this,void 0,void 0,function*(){return this._room&&this._room.roomId,this._room=yield this._mediaClient.joinRoom(Object.assign(Object.assign({},e),{forceVP8:!0,videoInput:this._videoInput,audioInput:this._audioInput})),this._room.on("newClient",(e,t)=>{this.eventEmit.safeEmit("newClient",e)}),this._mapRooms.set(e.roomId,this._room),console.log("_mapRooms",this._mapRooms),this._room})}generateRtcAuthInfo(e){var t=parseInt(String((new Date).getTime()/1e3+10)),i=String(this.generateRandomNumber()),s=v.default(`appId=${this._connectInfo.appId}&appKey=${this._connectInfo.appKey}&audioPush=${e.audioPush}&clientId=${this._connectInfo.clientId}&consumeTags=${e.consumeTags}&nonce=${i}&roomId=${e.roomId}&tag=${e.tag}&timestamp=${t}&videoPush=${e.videoPush}`);return{appId:this._connectInfo.appId,clientId:this._connectInfo.clientId,roomId:e.roomId,nonce:i,timestamp:t,token:s,videoPush:e.videoPush,audioPush:e.audioPush,tag:e.tag,consumeTags:e.consumeTags}}generateRandomNumber(){const e=m.generator({min:1e8,max:999999999,integer:!0});return e()}checkDeviceSupport(){return g(this,void 0,void 0,function*(){return new Promise(e=>{_.default.load(function(){e(_.default)})})})}setVideoInput(e){this._videoInput=e}setAudioInput(e){this._audioInput=e}getMediaDevices(e){return g(this,void 0,void 0,function*(){return yield S(e)})}replaceVideoTrack(e,t){this._room&&this._room.replaceVideoTrack&&this._room.replaceVideoTrack(e,t)}replaceAudioTrack(e){this._room&&this._room.replaceAudioTrack&&this._room.replaceAudioTrack(e)}audioConsumerPaused(){return this._room&&this._room.audioConsumerPaused()}audioConsumerResume(){return g(this,void 0,void 0,function*(){return this._room&&(yield this._room.audioConsumerResume())})}videoConsumerPaused(){return this._room&&this._room.videoConsumerPaused()}videoConsumerResume(){return g(this,void 0,void 0,function*(){return this._room&&(yield this._room.videoConsumerResume())})}},Object.defineProperty(e,"__esModule",{value:!0})});
 
 
 /***/ }),
@@ -35869,13 +35876,6 @@ module.exports = queueMicrotask || function (fn) {
 };
 
 
-/***/ }),
-
-/***/ "b60c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "b622":
@@ -51364,20 +51364,14 @@ function hyRtcBusiness_install(Vue) {
 }
 
 /* harmony default export */ var hyRtcBusiness = (hyRtcBusiness_install);
-// EXTERNAL MODULE: ./src/store/modules/sdk.js
-var modules_sdk = __webpack_require__("91f2");
-
-// EXTERNAL MODULE: ./src/store/modules/business.js
-var modules_business = __webpack_require__("8855");
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1f5bce16-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/videoSurveillance/videoSurveillance.vue?vue&type=template&id=587098f8&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6389856c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/videoSurveillance/videoSurveillance.vue?vue&type=template&id=f9fc1558&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"liveBroadcast",staticClass:"videoSurveillanceBox"},[(_vm.contentHeight)?_c('div',{staticClass:"el-dialog__body dialog_body",staticStyle:{"padding":"0"}},[_c('el-row',{staticClass:"el-rowBox",attrs:{"id":"elRow","gutter":4}},[_c('draggable',{attrs:{"handle":".mover","disabled":_vm.draggedContextDisabled,"move":_vm.onMove},on:{"end":_vm.onEnd},model:{value:(_vm.clientIdListV2),callback:function ($$v) {_vm.clientIdListV2=$$v},expression:"clientIdListV2"}},[_c('transition-group',_vm._l((_vm.clientIdList),function(item,index){return _c('el-col',{key:index,style:({  'height': _vm.heightFn(1, index)  }),attrs:{"span":_vm.numberOfrows.type === 1 ?  24 / _vm.numberOfrows.number : (index === 0 ? 24 - (24 / _vm.numberOfrows.number) : 24 / _vm.numberOfrows.number)}},[(item.deviceId)?_c('div',{ref:("" + (item.deviceId)),refInFor:true,staticClass:"contentPlayback",staticStyle:{"padding-bottom":"6px"},style:({
                       'border': item.methodType === 'successfulCall' ? ( item.deviceId === _vm.currentDevice.deviceId ? '2px solid var(--theme)' :  '2px solid var(--border)'): '0px solid var(--border)'
-                  }),attrs:{"id":("videoBox_" + (item.deviceId))},on:{"click":function($event){return _vm.currentDeviceFn(item)}}},[_c('div',{staticClass:"contentPlayback_title mover"},[_c('div',{staticClass:"serialNumber"},[_vm._v(_vm._s(index + 1))]),_vm._v(" "+_vm._s(item.devName)+" "),_c('div',{staticClass:"imgPictureChange clickBox fr centerBox h_100vh",staticStyle:{"right":"10px"},on:{"click":function($event){return _vm.closeTheRoom([item])}}},[_c('svg-icon',{staticStyle:{"width":"20px","height":"20px"},attrs:{"svg-name":'delete_hover'}}),_c('svg-icon',{staticStyle:{"width":"20px","height":"20px"},attrs:{"svg-name":'close'}})],1)]),(item.errorCode && item.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v(" 当前摄像头无法获取画面 ")]):(item.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v("正在连接摄像头，请耐心等待…")]):_vm._e(),(item.methodType === 'successfulCall' && _vm.operationList.length)?_c('div',[(item.operationAreaHide)?_c('div',{staticClass:"operationAreaShow centerBox clickBox",on:{"click":function($event){return _vm.operationAreaHideFn(item, false)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaShow',"className":"operationArea_svgBox"}})],1):_vm._e(),_c('div',{staticClass:"operationArea",class:{'operationAreaClose': item.operationAreaHide}},[_c('div',{staticClass:"clickBox",staticStyle:{"left":"20px","position":"absolute"},on:{"click":function($event){return _vm.operationAreaHideFn(item, true)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaHide',"className":"operationArea_svgBox"}})],1),_vm._l((_vm.operationList),function(operationItem){return _c('el-tooltip',{key:operationItem.type,staticClass:"item",attrs:{"effect":"dark","content":operationItem.name,"placement":"top"}},[(operationItem.type === 1)?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"moveBox r-f css-text-no-select"},[_c('div',{staticClass:"moveItemBox keyBox"},[_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemTop",on:{"click":function($event){return _vm.movePosition('top',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1),_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemBottom",on:{"click":function($event){return _vm.movePosition('bottom',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1),_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemLeft",on:{"click":function($event){return _vm.movePosition('left',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1),_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemRight",on:{"click":function($event){return _vm.movePosition('right',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1)]),_c('div',{staticClass:"moveInput centerBox",staticStyle:{"flex-grow":"1"}},[_c('div',[_c('div',[_vm._v("移动至 "),_c('el-input',{staticStyle:{"width":"33px"},attrs:{"size":"mini"},model:{value:(_vm.moveInput),callback:function ($$v) {_vm.moveInput=$$v},expression:"moveInput"}}),_vm._v(" 号窗口")],1),_c('img',{staticClass:"clickBox",attrs:{"src":__webpack_require__("6a35")},on:{"click":function($event){return _vm.movePosition('custom', index)}}})])])]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'move',"className":"svgBox"}})],1)]):(operationItem.type === 2 && (item.cloudControlSupport === 1 || item.zoomControlSupport === 1))?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"moveBox centralControlBox r-f css-text-no-select",class:{'centerBox': item.cloudControlSupport !== 1 || item.zoomControlSupport !== 1}},[(item.cloudControlSupport === 1)?_c('div',{staticClass:"moveItemBox"},[_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_UP', item)}}},[_c('svg-icon',{staticStyle:{"transform":"rotate(-45deg)"},attrs:{"svg-name":'triangle-select',"className":"moveBox_svgBox"}})],1),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_UP', item)}}},[_c('img',{attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_UP', item)}}},[_c('img',{staticStyle:{"transform":"rotate(45deg)"},attrs:{"src":__webpack_require__("9474")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT', item)}}},[_c('img',{staticStyle:{"transform":"rotate(-90deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div'),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT', item)}}},[_c('img',{staticStyle:{"transform":"rotate(90deg)"},attrs:{"src":__webpack_require__("c692")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_DOWN', item)}}},[_c('img',{staticStyle:{"transform":"rotate(-125deg)"},attrs:{"src":__webpack_require__("9474")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_DOWN', item)}}},[_c('img',{staticStyle:{"transform":"rotate(-180deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_DOWN', item)}}},[_c('img',{staticStyle:{"transform":"rotate(125deg)"},attrs:{"src":__webpack_require__("9474")}})])])]):_vm._e(),(item.zoomControlSupport === 1)?_c('div',{staticClass:"centralControl centerBox",staticStyle:{"flex-grow":"1"}},[_c('div',{staticClass:"centralControlItem"},[_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_OUT', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("缩放")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_IN', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_NEAR', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("聚焦")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_FAR', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_OUT', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("光圈")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_IN', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)])])]):_vm._e()]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'centralControl',"className":"svgBox"}})],1)]):(operationItem.type === 3)?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"setUp css-text-no-select"},[_c('div',{staticClass:"setUp_inputBox"},[_vm._v(" 预置点 "),_c('el-input',{staticStyle:{"width":"120px"},attrs:{"size":"mini"},model:{value:(_vm.moveInput),callback:function ($$v) {_vm.moveInput=$$v},expression:"moveInput"}}),_c('el-button',{staticClass:"button_function",attrs:{"size":"mini"}},[_vm._v("增加")])],1),_c('div',{staticClass:"manageList"},[_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])]),_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])])]),_c('div',{staticClass:"manageItem"},[_vm._v("暂无预置点")])]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast_setUp',"className":"svgBox"}})],1)]):(operationItem.type === 4)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.forbiddenSound(item.deviceId)}}},[(item.forbiddenSound)?_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound-select',"className":"svgBox"}}):_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound',"className":"svgBox"}})],1):(operationItem.type === 5)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.closeTheRoom([item])}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-toBreakOff',"className":"svgBox"}})],1):(operationItem.type === 6)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.currentZoomInFn(item)}}},[_c('svg-icon',{attrs:{"svg-name":'fullScreen',"className":"svgBox"}})],1):_vm._e()],1)}),_vm._t("operator-box")],2)]):_vm._e()]):_c('div',{staticClass:"contentPlayback",staticStyle:{"padding-bottom":"6px"}},[_c('div',{staticClass:"emptyBox h_100vh p_20",class:{'emptySelectBox': _vm.emptySelect === index},on:{"click":function($event){_vm.emptySelect = _vm.specifyVideoSurveillanceWindow ? index : null}}},[_c('div',{staticClass:"w_100vh h_100vh centerBox emptyItemBox"},[_c('svg-icon',{staticStyle:{"width":"60%","height":"60%"},attrs:{"svg-name":'emptyVideo'}})],1)])])])}),1)],1)],1)],1):_vm._e(),_c('deleteConfirmationBox',{ref:"deleteConfirmationBox"}),_c('el-drawer',{attrs:{"modal":false,"show-close":false,"with-header":false,"visible":_vm.drawer,"size":"100%","direction":"btt"},on:{"update:visible":function($event){_vm.drawer=$event}}},[_c('div',{staticClass:"dialog_body h_100vh"},[_c('div',{staticClass:"contentPlayback",staticStyle:{"padding-left":"1px","padding-right":"1px","padding-bottom":"2px","height":"100%"},attrs:{"id":"currentZoomIn"}},[_c('div',{staticClass:"contentPlayback_title",staticStyle:{"height":"50px","line-height":"50px"}},[_vm._v(" "+_vm._s(_vm.currentZoomIn.devName)+" "),_c('div',{staticClass:"imgPictureChange clickBox fr centerBox h_100vh",staticStyle:{"right":"10px"},on:{"click":_vm.exitLargeScreenFn}},[_c('svg-icon',{staticStyle:{"width":"26px","height":"26px"},attrs:{"svg-name":'delete_hover'}}),_c('svg-icon',{staticStyle:{"width":"26px","height":"26px"},attrs:{"svg-name":'close'}})],1)]),(_vm.currentZoomIn.errorCode && _vm.currentZoomIn.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v(" 当前摄像头无法获取画面 ")]):(_vm.currentZoomIn.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v("正在连接摄像头，请耐心等待…")]):_vm._e(),(_vm.currentZoomIn.methodType === 'successfulCall')?_c('div',[(_vm.currentZoomIn.operationAreaHide)?_c('div',{staticClass:"operationAreaShow centerBox clickBox",on:{"click":function($event){return _vm.operationAreaHideFn(_vm.currentZoomIn, false)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaShow',"className":"operationArea_svgBox"}})],1):_vm._e(),_c('div',{staticClass:"operationArea",class:{'operationAreaClose': _vm.currentZoomIn.operationAreaHide}},[_c('div',{staticClass:"clickBox",staticStyle:{"left":"20px","position":"absolute"},on:{"click":function($event){return _vm.operationAreaHideFn(_vm.currentZoomIn, true)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaHide',"className":"operationArea_svgBox"}})],1),_vm._l((_vm.operationList),function(operationItem){return _c('el-tooltip',{key:operationItem.type,staticClass:"item",attrs:{"effect":"dark","content":operationItem.name,"placement":"top"}},[(operationItem.type === 2 && (_vm.currentZoomIn.cloudControlSupport === 1 || _vm.currentZoomIn.zoomControlSupport === 1))?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"moveBox centralControlBox r-f css-text-no-select",class:{'centerBox': _vm.currentZoomIn.cloudControlSupport !== 1 || _vm.currentZoomIn.zoomControlSupport !== 1}},[(_vm.currentZoomIn.cloudControlSupport === 1)?_c('div',{staticClass:"moveItemBox"},[_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_UP', _vm.currentZoomIn)}}},[_c('svg-icon',{staticStyle:{"transform":"rotate(-45deg)"},attrs:{"svg-name":'triangle-select',"className":"moveBox_svgBox"}})],1),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_UP', _vm.currentZoomIn)}}},[_c('img',{attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_UP', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(45deg)"},attrs:{"src":__webpack_require__("9474")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(-90deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div'),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(90deg)"},attrs:{"src":__webpack_require__("c692")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_DOWN', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(-125deg)"},attrs:{"src":__webpack_require__("9474")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_DOWN', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(-180deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_DOWN', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(125deg)"},attrs:{"src":__webpack_require__("9474")}})])])]):_vm._e(),(_vm.currentZoomIn.zoomControlSupport === 1)?_c('div',{staticClass:"centralControl centerBox",staticStyle:{"flex-grow":"1"}},[_c('div',{staticClass:"centralControlItem"},[_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_OUT', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("缩放")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_IN', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_NEAR', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("聚焦")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_FAR', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_OUT', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("光圈")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_IN', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)])])]):_vm._e()]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'centralControl',"className":"svgBox"}})],1)]):(operationItem.type === 3)?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"setUp css-text-no-select"},[_c('div',{staticClass:"setUp_inputBox"},[_vm._v(" 预置点 "),_c('el-input',{staticStyle:{"width":"120px"},attrs:{"size":"mini"},model:{value:(_vm.moveInput),callback:function ($$v) {_vm.moveInput=$$v},expression:"moveInput"}}),_c('el-button',{staticClass:"button_function",attrs:{"size":"mini"}},[_vm._v("增加")])],1),_c('div',{staticClass:"manageList"},[_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])]),_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])])]),_c('div',{staticClass:"manageItem"},[_vm._v("暂无预置点")])]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast_setUp',"className":"svgBox"}})],1)]):(operationItem.type === 4)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.forbiddenSound(_vm.currentZoomIn.deviceId)}}},[(_vm.currentZoomIn.forbiddenSound)?_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound-select',"className":"svgBox"}}):_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound',"className":"svgBox"}})],1):(operationItem.type === 5)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.closeTheRoom([_vm.currentZoomIn])}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-toBreakOff',"className":"svgBox"}})],1):(operationItem.type === 6)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.exitLargeScreenFn()}}},[_c('svg-icon',{attrs:{"svg-name":'fullScreen-select',"className":"svgBox"}})],1):_vm._e()],1)})],2)]):_vm._e()])])])],1)}
+                  }),attrs:{"id":("videoBox_" + (item.deviceId))},on:{"click":function($event){return _vm.currentDeviceFn(item)}}},[_c('div',{staticClass:"contentPlayback_title mover"},[_c('div',{staticClass:"serialNumber"},[_vm._v(_vm._s(index + 1))]),_vm._v(" "+_vm._s(item.devName)+" "),_c('div',{staticClass:"imgPictureChange clickBox fr centerBox h_100vh",staticStyle:{"right":"10px"},on:{"click":function($event){return _vm.closeTheRoom([item])}}},[_c('svg-icon',{staticStyle:{"width":"20px","height":"20px"},attrs:{"svg-name":'delete_hover'}}),_c('svg-icon',{staticStyle:{"width":"20px","height":"20px"},attrs:{"svg-name":'close'}})],1)]),(item.errorCode && item.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v(" 当前摄像头无法获取画面 ")]):(item.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v("正在连接摄像头，请耐心等待…")]):_vm._e(),(item.methodType === 'successfulCall' && _vm.operationList.length)?_c('div',[(item.operationAreaHide)?_c('div',{staticClass:"operationAreaShow centerBox clickBox",on:{"click":function($event){return _vm.operationAreaHideFn(item, false)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaShow',"className":"operationArea_svgBox"}})],1):_vm._e(),_c('div',{staticClass:"operationArea",class:{'operationAreaClose': item.operationAreaHide}},[_c('div',{staticClass:"clickBox",staticStyle:{"left":"20px","position":"absolute"},on:{"click":function($event){return _vm.operationAreaHideFn(item, true)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaHide',"className":"operationArea_svgBox"}})],1),_vm._l((_vm.operationList),function(operationItem){return _c('el-tooltip',{key:operationItem.type,staticClass:"item",attrs:{"effect":"dark","content":operationItem.name,"placement":"top"}},[(operationItem.type === 1 && _vm.clientIdList.length !== 1)?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"moveBox r-f css-text-no-select"},[_c('div',{staticClass:"moveItemBox keyBox"},[_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemTop",on:{"click":function($event){return _vm.movePosition('top',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1),_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemBottom",on:{"click":function($event){return _vm.movePosition('bottom',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1),_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemLeft",on:{"click":function($event){return _vm.movePosition('left',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1),_c('div',{staticClass:"imgPictureChange clickBox keyItemBox keyItemRight",on:{"click":function($event){return _vm.movePosition('right',index)}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'liveBroadcastKey',"class-name":'svgBox'}})],1)]),_c('div',{staticClass:"moveInput centerBox",staticStyle:{"flex-grow":"1"}},[_c('div',[_c('div',[_vm._v("移动至 "),_c('el-input',{staticStyle:{"width":"33px"},attrs:{"size":"mini"},model:{value:(_vm.moveInput),callback:function ($$v) {_vm.moveInput=$$v},expression:"moveInput"}}),_vm._v(" 号窗口")],1),_c('img',{staticClass:"clickBox",attrs:{"src":__webpack_require__("6a35")},on:{"click":function($event){return _vm.movePosition('custom', index)}}})])])]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'move',"className":"svgBox"}})],1)]):(operationItem.type === 2 && (item.cloudControlSupport === 1 || item.zoomControlSupport === 1))?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"moveBox centralControlBox r-f css-text-no-select",class:{'centerBox': item.cloudControlSupport !== 1 || item.zoomControlSupport !== 1}},[(item.cloudControlSupport === 1)?_c('div',{staticClass:"moveItemBox"},[_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_UP', item)}}},[_c('svg-icon',{staticStyle:{"transform":"rotate(-45deg)"},attrs:{"svg-name":'triangle-select',"className":"moveBox_svgBox"}})],1),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_UP', item)}}},[_c('img',{attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_UP', item)}}},[_c('img',{staticStyle:{"transform":"rotate(45deg)"},attrs:{"src":__webpack_require__("9474")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT', item)}}},[_c('img',{staticStyle:{"transform":"rotate(-90deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div'),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT', item)}}},[_c('img',{staticStyle:{"transform":"rotate(90deg)"},attrs:{"src":__webpack_require__("c692")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_DOWN', item)}}},[_c('img',{staticStyle:{"transform":"rotate(-125deg)"},attrs:{"src":__webpack_require__("9474")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_DOWN', item)}}},[_c('img',{staticStyle:{"transform":"rotate(-180deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_DOWN', item)}}},[_c('img',{staticStyle:{"transform":"rotate(125deg)"},attrs:{"src":__webpack_require__("9474")}})])])]):_vm._e(),(item.zoomControlSupport === 1)?_c('div',{staticClass:"centralControl centerBox",staticStyle:{"flex-grow":"1"}},[_c('div',{staticClass:"centralControlItem"},[_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_OUT', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("缩放")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_IN', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_NEAR', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("聚焦")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_FAR', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_OUT', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("光圈")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', item.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_IN', item.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)])])]):_vm._e()]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'centralControl',"className":"svgBox"}})],1)]):(operationItem.type === 3)?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"setUp css-text-no-select"},[_c('div',{staticClass:"setUp_inputBox"},[_vm._v(" 预置点 "),_c('el-input',{staticStyle:{"width":"120px"},attrs:{"size":"mini"},model:{value:(_vm.moveInput),callback:function ($$v) {_vm.moveInput=$$v},expression:"moveInput"}}),_c('el-button',{staticClass:"button_function",attrs:{"size":"mini"}},[_vm._v("增加")])],1),_c('div',{staticClass:"manageList"},[_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])]),_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])])]),_c('div',{staticClass:"manageItem"},[_vm._v("暂无预置点")])]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast_setUp',"className":"svgBox"}})],1)]):(operationItem.type === 4)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.forbiddenSound(item.deviceId)}}},[(item.forbiddenSound)?_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound-select',"className":"svgBox"}}):_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound',"className":"svgBox"}})],1):(operationItem.type === 5)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.closeTheRoom([item])}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-toBreakOff',"className":"svgBox"}})],1):(operationItem.type === 6)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.currentZoomInFn(item)}}},[_c('svg-icon',{attrs:{"svg-name":'fullScreen',"className":"svgBox"}})],1):_vm._e()],1)}),_vm._t("operator-box")],2)]):_vm._e()]):_c('div',{staticClass:"contentPlayback",staticStyle:{"padding-bottom":"6px"}},[_c('div',{staticClass:"emptyBox h_100vh p_20",class:{'emptySelectBox': _vm.emptySelect === index},on:{"click":function($event){_vm.emptySelect = _vm.specifyVideoSurveillanceWindow ? index : null}}},[_c('div',{staticClass:"w_100vh h_100vh centerBox emptyItemBox"},[_c('svg-icon',{staticStyle:{"width":"60%","height":"60%"},attrs:{"svg-name":'emptyVideo'}})],1)])])])}),1)],1)],1)],1):_vm._e(),_c('deleteConfirmationBox',{ref:"deleteConfirmationBox"}),_c('el-drawer',{attrs:{"modal":false,"show-close":false,"with-header":false,"visible":_vm.drawer,"size":"100%","direction":"btt"},on:{"update:visible":function($event){_vm.drawer=$event}}},[_c('div',{staticClass:"dialog_body h_100vh"},[_c('div',{staticClass:"contentPlayback",staticStyle:{"padding-left":"1px","padding-right":"1px","padding-bottom":"2px","height":"100%"},attrs:{"id":"currentZoomIn"}},[_c('div',{staticClass:"contentPlayback_title",staticStyle:{"height":"50px","line-height":"50px"}},[_vm._v(" "+_vm._s(_vm.currentZoomIn.devName)+" "),_c('div',{staticClass:"imgPictureChange clickBox fr centerBox h_100vh",staticStyle:{"right":"10px"},on:{"click":_vm.exitLargeScreenFn}},[_c('svg-icon',{staticStyle:{"width":"26px","height":"26px"},attrs:{"svg-name":'delete_hover'}}),_c('svg-icon',{staticStyle:{"width":"26px","height":"26px"},attrs:{"svg-name":'close'}})],1)]),(_vm.currentZoomIn.errorCode && _vm.currentZoomIn.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v(" 当前摄像头无法获取画面 ")]):(_vm.currentZoomIn.methodType !== 'successfulCall')?_c('span',{staticClass:"juzhong fs_18 c_fff"},[_vm._v("正在连接摄像头，请耐心等待…")]):_vm._e(),(_vm.currentZoomIn.methodType === 'successfulCall')?_c('div',[(_vm.currentZoomIn.operationAreaHide)?_c('div',{staticClass:"operationAreaShow centerBox clickBox",on:{"click":function($event){return _vm.operationAreaHideFn(_vm.currentZoomIn, false)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaShow',"className":"operationArea_svgBox"}})],1):_vm._e(),_c('div',{staticClass:"operationArea",class:{'operationAreaClose': _vm.currentZoomIn.operationAreaHide}},[_c('div',{staticClass:"clickBox",staticStyle:{"left":"20px","position":"absolute"},on:{"click":function($event){return _vm.operationAreaHideFn(_vm.currentZoomIn, true)}}},[_c('svg-icon',{attrs:{"svg-name":'operationAreaHide',"className":"operationArea_svgBox"}})],1),_vm._l((_vm.operationList),function(operationItem){return _c('el-tooltip',{key:operationItem.type,staticClass:"item",attrs:{"effect":"dark","content":operationItem.name,"placement":"top"}},[(operationItem.type === 2 && (_vm.currentZoomIn.cloudControlSupport === 1 || _vm.currentZoomIn.zoomControlSupport === 1))?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"moveBox centralControlBox r-f css-text-no-select",class:{'centerBox': _vm.currentZoomIn.cloudControlSupport !== 1 || _vm.currentZoomIn.zoomControlSupport !== 1}},[(_vm.currentZoomIn.cloudControlSupport === 1)?_c('div',{staticClass:"moveItemBox"},[_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_UP', _vm.currentZoomIn)}}},[_c('svg-icon',{staticStyle:{"transform":"rotate(-45deg)"},attrs:{"svg-name":'triangle-select',"className":"moveBox_svgBox"}})],1),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_UP', _vm.currentZoomIn)}}},[_c('img',{attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_UP', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(45deg)"},attrs:{"src":__webpack_require__("9474")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(-90deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div'),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(90deg)"},attrs:{"src":__webpack_require__("c692")}})])]),_c('div',[_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_LEFT_DOWN', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(-125deg)"},attrs:{"src":__webpack_require__("9474")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_DOWN', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(-180deg)"},attrs:{"src":__webpack_require__("c692")}})]),_c('div',{staticClass:"centerBox moveItem clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_RIGHT_DOWN', _vm.currentZoomIn)}}},[_c('img',{staticStyle:{"transform":"rotate(125deg)"},attrs:{"src":__webpack_require__("9474")}})])])]):_vm._e(),(_vm.currentZoomIn.zoomControlSupport === 1)?_c('div',{staticClass:"centralControl centerBox",staticStyle:{"flex-grow":"1"}},[_c('div',{staticClass:"centralControlItem"},[_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_OUT', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("缩放")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('PTZ_ZOOM_IN', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_NEAR', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("聚焦")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_FOCUS_FAR', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)]),_c('div',[_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_OUT', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'reduce-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'reduce',"class-name":'svgBox'}})],1),_c('div',{staticClass:"mlr_10"},[_vm._v("光圈")]),_c('div',{staticClass:"imgPictureChange clickBox",on:{"mouseup":function($event){return _vm.notificationDeviceControl('PTZ_STOP', _vm.currentZoomIn.deviceId)},"mousedown":function($event){return _vm.notificationDeviceControl('FI_IRIS_ZOOM_IN', _vm.currentZoomIn.deviceId)}}},[_c('svg-icon',{attrs:{"svg-name":'plus-select',"class-name":'svgBox'}}),_c('svg-icon',{attrs:{"svg-name":'plus',"class-name":'svgBox'}})],1)])])]):_vm._e()]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'centralControl',"className":"svgBox"}})],1)]):(operationItem.type === 3)?_c('el-popover',{attrs:{"placement":"top","trigger":"click","popper-class":"popover_darkColor liveBroadcast"}},[_c('div',{staticClass:"setUp css-text-no-select"},[_c('div',{staticClass:"setUp_inputBox"},[_vm._v(" 预置点 "),_c('el-input',{staticStyle:{"width":"120px"},attrs:{"size":"mini"},model:{value:(_vm.moveInput),callback:function ($$v) {_vm.moveInput=$$v},expression:"moveInput"}}),_c('el-button',{staticClass:"button_function",attrs:{"size":"mini"}},[_vm._v("增加")])],1),_c('div',{staticClass:"manageList"},[_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])]),_c('div',{staticClass:"manageItem cursor_pointer"},[_vm._v(" 一号预置点 "),_c('div',{staticClass:"imgPictureChange closeBox clickBox"},[_c('img',{attrs:{"src":__webpack_require__("1f0e")}}),_c('img',{attrs:{"src":__webpack_require__("cd5c")}})])])]),_c('div',{staticClass:"manageItem"},[_vm._v("暂无预置点")])]),_c('div',{staticClass:"clickBox",attrs:{"slot":"reference"},slot:"reference"},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast_setUp',"className":"svgBox"}})],1)]):(operationItem.type === 4)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.forbiddenSound(_vm.currentZoomIn.deviceId)}}},[(_vm.currentZoomIn.forbiddenSound)?_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound-select',"className":"svgBox"}}):_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-forbiddenSound',"className":"svgBox"}})],1):(operationItem.type === 5)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.closeTheRoom([_vm.currentZoomIn])}}},[_c('svg-icon',{attrs:{"svg-name":'liveBroadcast-toBreakOff',"className":"svgBox"}})],1):(operationItem.type === 6)?_c('span',{staticClass:"clickBox",on:{"click":function($event){return _vm.exitLargeScreenFn()}}},[_c('svg-icon',{attrs:{"svg-name":'fullScreen-select',"className":"svgBox"}})],1):_vm._e()],1)})],2)]):_vm._e()])])])],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/videoSurveillance/videoSurveillance.vue?vue&type=template&id=587098f8&scoped=true&
+// CONCATENATED MODULE: ./src/components/videoSurveillance/videoSurveillance.vue?vue&type=template&id=f9fc1558&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -52200,7 +52194,7 @@ var elementResizeDetectorMaker = __webpack_require__("eec4");
       };
       this.$nextTick(function () {
         if (userInfo) {
-          _this2.$store.commit('setUserInfo', _this2.userInfo);
+          _this2.$store.commit('sdksetUserInfo', _this2.userInfo);
         }
 
         if (_this2.$sdk.connectionStatus()) {
@@ -52954,6 +52948,8 @@ var elementResizeDetectorMaker = __webpack_require__("eec4");
       }
     },
     notificationDeviceControl: function notificationDeviceControl(command, device, speed) {
+      console.log('notificationDeviceControl', command, device, speed);
+
       if (device.roomId && device.deviceId) {
         this.$sdk.notificationDeviceControl({
           command: command,
@@ -53222,8 +53218,8 @@ var elementResizeDetectorMaker = __webpack_require__("eec4");
 });
 // CONCATENATED MODULE: ./src/components/videoSurveillance/videoSurveillance.vue?vue&type=script&lang=js&
  /* harmony default export */ var videoSurveillance_videoSurveillancevue_type_script_lang_js_ = (videoSurveillancevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/videoSurveillance/videoSurveillance.vue?vue&type=style&index=0&id=587098f8&scoped=true&lang=less&rel=stylesheet%2Fless&
-var videoSurveillancevue_type_style_index_0_id_587098f8_scoped_true_lang_less_rel_stylesheet_2Fless_ = __webpack_require__("0e90");
+// EXTERNAL MODULE: ./src/components/videoSurveillance/videoSurveillance.vue?vue&type=style&index=0&id=f9fc1558&scoped=true&lang=less&rel=stylesheet%2Fless&
+var videoSurveillancevue_type_style_index_0_id_f9fc1558_scoped_true_lang_less_rel_stylesheet_2Fless_ = __webpack_require__("3923");
 
 // EXTERNAL MODULE: ./src/components/videoSurveillance/videoSurveillance.vue?vue&type=style&index=1&lang=less&rel=stylesheet%2Fless&
 var videoSurveillancevue_type_style_index_1_lang_less_rel_stylesheet_2Fless_ = __webpack_require__("97fa");
@@ -53344,13 +53340,13 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "587098f8",
+  "f9fc1558",
   null
   
 )
 
 /* harmony default export */ var videoSurveillance = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1f5bce16-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/svgIcon.vue?vue&type=template&id=1922cf47&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6389856c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/svgIcon.vue?vue&type=template&id=1922cf47&scoped=true&
 var svgIconvue_type_template_id_1922cf47_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.svgClass,attrs:{"aria-hidden":"true"}},[_c('use',{attrs:{"xlink:href":_vm.iconName}})])}
 var svgIconvue_type_template_id_1922cf47_scoped_true_staticRenderFns = []
 
@@ -53419,7 +53415,7 @@ var svgIcon_component = normalizeComponent(
 )
 
 /* harmony default export */ var svgIcon = (svgIcon_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1f5bce16-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/deleteConfirmationBox.vue?vue&type=template&id=70d1bda3&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6389856c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/deleteConfirmationBox.vue?vue&type=template&id=70d1bda3&scoped=true&
 var deleteConfirmationBoxvue_type_template_id_70d1bda3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{staticClass:"dialog_clsss",attrs:{"visible":_vm.dialogVisible,"append-to-body":true,"close-on-click-modal":false,"close-on-press-escape":false,"show-close":false,"width":((_vm.form.width) + "px")},on:{"update:visible":function($event){_vm.dialogVisible=$event}}},[_c('div',{staticClass:"deleteBox c_fff"},[_c('div',{staticClass:"dialog_header fw_600"},[(_vm.form.deleteTitleImg)?_c('svg-icon',{staticStyle:{"width":"20px","height":"20px"},attrs:{"svg-name":_vm.form.deleteTitleImg}}):_vm._e(),_c('p',[_vm._v(_vm._s(_vm.form.deleteTitle))])],1),_c('div',{staticClass:"dialog_body"},[_c('div',{staticClass:"tac fs_14",staticStyle:{"line-height":"26px"},domProps:{"innerHTML":_vm._s(_vm.form.deleteContent)}}),(_vm.form.submitShow || _vm.form.closeShow)?_c('div',{staticStyle:{"margin-top":"40px"},style:({'text-align': _vm.form.textAlign})},[(_vm.form.closeShow)?_c('el-button',{staticClass:"buttonBox",class:_vm.form.closeClass,attrs:{"size":"small"},on:{"click":_vm.onClose}},[_vm._v(_vm._s(_vm.form.closeText))]):_vm._e(),(_vm.form.submitShow)?_c('el-button',{staticClass:"buttonBox",class:_vm.form.submitClass,attrs:{"size":"small"},on:{"click":_vm.submitFn}},[_vm._v(_vm._s(_vm.form.submitText))]):_vm._e()],1):_vm._e()])])])}
 var deleteConfirmationBoxvue_type_template_id_70d1bda3_scoped_true_staticRenderFns = []
 
@@ -53584,7 +53580,8 @@ var main = __webpack_require__("33f6");
 // import api from '@/api'
 
 
-
+ // import sdkStore from '@/store/modules/sdk.js'
+// import businessStore from '@/store/modules/business.js'
 
 
 
@@ -53601,14 +53598,14 @@ comObj.component = function (Vue) {
   });
 };
 
-comObj.install = function (Vue, store) {
-  if (store) {
-    store.registerModule("sdkStore", modules_sdk["default"]);
-    store.registerModule("business", modules_business["default"]);
+comObj.install = function (Vue) {
+  if (store) {// store.registerModule("sdkStore", sdkStore);
+    // store.registerModule("business", businessStore);
   }
 
   Vue.use(utils_hyRtcSdk);
-  Vue.use(hyRtcBusiness); // if (Vue.prototype.$api) {
+  Vue.use(hyRtcBusiness);
+  Vue.use(src_store); // if (Vue.prototype.$api) {
   //   Vue.prototype.$api = {
   //     ...Vue.prototype.$api,
   //     ...api.modules