| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-camera-details"],{"0f0e":function(e,t,r){var a=r("ac16");a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);var n=r("4f06").default;n("f7f99cb0",a,!0,{sourceMap:!1,shadowMode:!1})},1110:function(e,t,r){"use strict";r("7a82");var a=r("4ea4").default;Object.defineProperty(t,"__esModule",{value:!0}),t.getCameraList=t.getCameraAddress=t.controlCamera=void 0;var n=a(r("c7eb")),o=a(r("1da1")),i=a(r("985b")),s=function(){var e=(0,o.default)((0,n.default)().mark((function e(t,r){var a;return(0,n.default)().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,i.default.post("api/api_gateway?method=camera.camera_manage.".concat(t),r);case 2:return a=e.sent,e.abrupt("return",null===a||void 0===a?void 0:a.data);case 4:case"end":return e.stop()}}),e)})));return function(t,r){return e.apply(this,arguments)}}();t.getCameraList=function(e){return s("list_camera",e)};t.getCameraAddress=function(e){return s("addr_camera_list",e)};t.controlCamera=function(e){return s("ctrl_camera",e)}},"29f4":function(e,t,r){"use strict";r.r(t);var a=r("39fd"),n=r("d203");for(var o in n)["default"].indexOf(o)<0&&function(e){r.d(t,e,(function(){return n[e]}))}(o);r("c977");var i=r("f0c5"),s=Object(i["a"])(n["default"],a["b"],a["c"],!1,null,"295e23a4",null,!1,a["a"],void 0);t["default"]=s.exports},"39fd":function(e,t,r){"use strict";r.d(t,"b",(function(){return a})),r.d(t,"c",(function(){return n})),r.d(t,"a",(function(){}));var a=function(){var e=this.$createElement,t=this._self._c||e;return t("v-uni-view",{staticClass:"page-panel"},[t("v-uni-view",{staticClass:"monitor-area"},[t("v-uni-view",{ref:"video",staticClass:"video-js",staticStyle:{width:"100%",height:"510rpx"}})],1)],1)},n=[]},a757:function(module,exports,__webpack_require__){"use strict";__webpack_require__("7a82");var _interopRequireDefault=__webpack_require__("4ea4").default;Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _regeneratorRuntime2=_interopRequireDefault(__webpack_require__("c7eb")),_asyncToGenerator2=_interopRequireDefault(__webpack_require__("1da1")),_camera=__webpack_require__("1110"),_default={data:function(){return{deviceId:"",cameraAddress:"",playerVideo:null,controlParams:{device_id:"",ctrl:"move",movenum:0}}},onLoad:function(e){this.deviceId=e.id,this.controlParams.device_id=e.id},onUnload:function(){this.playerVideo&&this.playerVideo.dispose()},onReady:function(){var e=this;return(0,_asyncToGenerator2.default)((0,_regeneratorRuntime2.default)().mark((function t(){var r,a;return(0,_regeneratorRuntime2.default)().wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,e.getCameraAddress();case 2:r=document.createElement("video"),r.id="video",r.style="width: 100%; height:510rpx;",r.controls=!0,r.preload="auto",r.setAttribute("playsinline",!0),r.setAttribute("webkit-playsinline",!0),r.setAttribute("x5-video-player-type","h5"),a=document.createElement("source"),a.src=e.cameraAddress,r.appendChild(a),e.$refs.video.$el.appendChild(r),e,e.playerVideo=e.$video("video",{poster:"",title:"4564564",playbackRates:[.7,1,1.5,2],autoDisable:!0,preload:"none",language:"zh-CN",fluid:!0,muted:!1,aspectRatio:"16:9",controls:!0,autoplay:!0,loop:!0,screenshot:!0,controlBar:{volumePanel:{inline:!1},timeDivider:!0,durationDisplay:!0,progressControl:!0,remainingTimeDisplay:!0,fullscreenToggle:!0,pictureInPictureToggle:!0}},(function(){this.on("error",(function(e){console.log("请求数据时遇到错误",e)})),this.on("stalled",(function(e){console.log("网速失速",e)}))}));case 16:case"end":return t.stop()}}),t)})))()},methods:{getCameraAddress:function getCameraAddress(){var _this2=this;return(0,_asyncToGenerator2.default)((0,_regeneratorRuntime2.default)().mark((function _callee2(){var res,address;return(0,_regeneratorRuntime2.default)().wrap((function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,(0,_camera.getCameraAddress)({device_id:_this2.deviceId});case 2:res=_context2.sent,address=eval("("+res+")"),console.log(address.hls),_this2.cameraAddress=address.hls;case 6:case"end":return _context2.stop()}}),_callee2)})))()},controlDirection:function(e){var t=this;return(0,_asyncToGenerator2.default)((0,_regeneratorRuntime2.default)().mark((function r(){var a;return(0,_regeneratorRuntime2.default)().wrap((function(r){while(1)switch(r.prev=r.next){case 0:return t.controlParams.movenum=e,t.controlParams.ctrl="move",r.next=4,(0,_camera.controlCamera)(t.controlParams);case 4:if(a=r.sent,a.data){r.next=7;break}return r.abrupt("return");case 7:return t.controlParams.ctrl="stop",r.next=10,(0,_camera.controlCamera)(t.controlParams);case 10:case"end":return r.stop()}}),r)})))()}}};exports.default=_default},ac16:function(e,t,r){var a=r("24fb");t=a(!1),t.push([e.i,'@charset "UTF-8";\r\n/**\r\n * 这里是app内置的常用样式变量\r\n *\r\n * app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 水平间距 */\r\n/* 水平间距 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */.monitor-area[data-v-295e23a4]{overflow:hidden;height:%?510?%;border-radius:%?5?%;margin-bottom:%?24?%}.monitor-tools[data-v-295e23a4]{display:flex;align-items:center;justify-content:space-between;padding:%?24?%}.tools-control[data-v-295e23a4]{position:relative;width:%?305?%;height:%?305?%;margin:0 %?60?%;background-image:linear-gradient(90deg,#323e4d,#444d5e);border-radius:100%}.tools-control .tools-btn[data-v-295e23a4]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.tools-control .slice[data-v-295e23a4]{position:absolute;display:flex;align-items:center;justify-content:center;width:%?97?%;height:%?97?%;margin:auto}.tools-control .slice[data-v-295e23a4]:before{content:"";display:block;width:0;margin-right:%?-24?%;border-color:transparent transparent transparent #317afd;border-width:%?24?%;border-style:solid;-webkit-transform:scaleY(.6);transform:scaleY(.6)}.tools-control .slice[data-v-295e23a4]:active{opacity:.3}.tools-control .up[data-v-295e23a4]{top:0;left:0;right:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tools-control .down[data-v-295e23a4]{bottom:0;left:0;right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tools-control .left[data-v-295e23a4]{top:0;bottom:0;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tools-control .right[data-v-295e23a4]{top:0;bottom:0;right:0}.tools-btn[data-v-295e23a4]{width:%?110?%;height:%?110?%;font-size:%?40?%;font-weight:700;color:#317afd;line-height:1;background:#434c5d;border-radius:100%}.tools-btn:active uni-text[data-v-295e23a4]{opacity:.3}',""]),e.exports=t},c977:function(e,t,r){"use strict";var a=r("0f0e"),n=r.n(a);n.a},d203:function(e,t,r){"use strict";r.r(t);var a=r("a757"),n=r.n(a);for(var o in a)["default"].indexOf(o)<0&&function(e){r.d(t,e,(function(){return a[e]}))}(o);t["default"]=n.a}}]);
|