| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-camera-details"],{"0c40":function(e,t,r){"use strict";r.r(t);var n=r("b44d"),a=r("c07e");for(var o in a)"default"!==o&&function(e){r.d(t,e,(function(){return a[e]}))}(o);r("6d7d");var i,c=r("f0c5"),s=Object(c["a"])(a["default"],n["b"],n["c"],!1,null,"61dec0d2",null,!1,n["a"],i);t["default"]=s.exports},"597e":function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__("4ea4");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,__webpack_require__("96cf");var _asyncToGenerator2=_interopRequireDefault(__webpack_require__("1da1")),_camera=__webpack_require__("ed1b"),_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)(regeneratorRuntime.mark((function t(){var r,n;return regeneratorRuntime.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"),n=document.createElement("source"),n.src=e.cameraAddress,r.appendChild(n),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)(regeneratorRuntime.mark((function _callee2(){var res,address;return regeneratorRuntime.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)(regeneratorRuntime.mark((function r(){var n;return regeneratorRuntime.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(n=r.sent,n.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},"6d7d":function(e,t,r){"use strict";var n=r("f7d0"),a=r.n(n);a.a},9774:function(e,t,r){var n=r("24fb");t=n(!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-61dec0d2]{overflow:hidden;height:%?510?%;border-radius:%?5?%;margin-bottom:%?24?%}.monitor-tools[data-v-61dec0d2]{display:flex;align-items:center;justify-content:space-between;padding:%?24?%}.tools-control[data-v-61dec0d2]{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-61dec0d2]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.tools-control .slice[data-v-61dec0d2]{position:absolute;display:flex;align-items:center;justify-content:center;width:%?97?%;height:%?97?%;margin:auto}.tools-control .slice[data-v-61dec0d2]: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-61dec0d2]:active{opacity:.3}.tools-control .up[data-v-61dec0d2]{top:0;left:0;right:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tools-control .down[data-v-61dec0d2]{bottom:0;left:0;right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tools-control .left[data-v-61dec0d2]{top:0;bottom:0;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tools-control .right[data-v-61dec0d2]{top:0;bottom:0;right:0}.tools-btn[data-v-61dec0d2]{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-61dec0d2]{opacity:.3}',""]),e.exports=t},b44d:function(e,t,r){"use strict";var n;r.d(t,"b",(function(){return a})),r.d(t,"c",(function(){return o})),r.d(t,"a",(function(){return n}));var a=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("v-uni-view",{staticClass:"page-panel"},[r("v-uni-view",{staticClass:"monitor-area"},[r("v-uni-view",{ref:"video",staticClass:"video-js",staticStyle:{width:"100%",height:"510rpx"}})],1),r("v-uni-view",{staticClass:"monitor-tools"},[r("v-uni-view",{staticClass:"row-center tools-btn",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.controlDirection(8)}}},[r("v-uni-text",[e._v("+")])],1),r("v-uni-view",{staticClass:"tools-control"},[r("v-uni-view",{staticClass:"slice up",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.controlDirection(0)}}}),r("v-uni-view",{staticClass:"slice down",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.controlDirection(1)}}}),r("v-uni-view",{staticClass:"slice left",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.controlDirection(2)}}}),r("v-uni-view",{staticClass:"slice right",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.controlDirection(3)}}}),r("v-uni-view",{staticClass:"tools-btn"})],1),r("v-uni-view",{staticClass:"row-center tools-btn",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.controlDirection(9)}}},[r("v-uni-text",[e._v("━")])],1)],1)],1)},o=[]},c07e:function(e,t,r){"use strict";r.r(t);var n=r("597e"),a=r.n(n);for(var o in n)"default"!==o&&function(e){r.d(t,e,(function(){return n[e]}))}(o);t["default"]=a.a},ed1b:function(e,t,r){"use strict";var n=r("4ea4");Object.defineProperty(t,"__esModule",{value:!0}),t.controlCamera=t.getCameraAddress=t.getCameraList=void 0,r("96cf");var a=n(r("1da1")),o=n(r("be72")),i=function(){var e=(0,a.default)(regeneratorRuntime.mark((function e(t,r){var n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,o.default.post("api/api_gateway?method=camera.camera_manage.".concat(t),r);case 2:return n=e.sent,e.abrupt("return",null===n||void 0===n?void 0:n.data);case 4:case"end":return e.stop()}}),e)})));return function(t,r){return e.apply(this,arguments)}}(),c=function(e){return i("list_camera",e)};t.getCameraList=c;var s=function(e){return i("addr_camera_list",e)};t.getCameraAddress=s;var d=function(e){return i("ctrl_camera",e)};t.controlCamera=d},f7d0:function(e,t,r){var n=r("9774");"string"===typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);var a=r("4f06").default;a("15c7bfcb",n,!0,{sourceMap:!1,shadowMode:!1})}}]);
|
