~

pages/videoLive/videoLive.vue

@@ -12,51 +12,38 @@
 			<view class="skills">
 				<view class="left">
 					<image src="../../static/direction_keys.png" mode=""></image>
-					<image class="left_arrow" src="../../static/left_arrow.png" mode=""></image>
+					<image class="left_arrow" src="../../static/left_arrow.png" mode="" @touchstart='ytControl(2)' @touchend='ytControlStop(2)' ></image>
-					<image class="right_arrow" src="../../static/right_arrow.png" mode=""></image>
+					<image class="right_arrow" src="../../static/right_arrow.png" mode="" @touchstart='ytControl(3)' @touchend='ytControlStop(3)'></image>
-					<image class="up_arrow" src="../../static/up_arrow.png" mode=""></image>
+					<image class="up_arrow" src="../../static/up_arrow.png" mode="" @touchstart='ytControl(0)' @touchend='ytControlStop(0)'></image>
-					<image class="down_arrow" src="../../static/down_arrow.png" mode=""></image>
+					<image class="down_arrow" src="../../static/down_arrow.png" mode="" @touchstart='ytControl(1)' @touchend='ytControlStop(1)'></image>
 				</view>
 				<view class="right">
 					<view class="right_item">
-						<view :class="flag1?'add_act':'add'" @click="focus_addClick">
+						<view :class="flag1?'add_act':'add'" @touchstart='ytControlFocusAdd(10)' @touchend='ytControlStopFocusAdd(10)'>
 							<image src="../../static/add_act.png" mode="" v-if="flag1==true"></image>
 							<image src="../../static/add.png" mode="" v-if="flag1==false"></image>
 						</view>
 						<view class="focus">
 							焦距
 						</view>
-						<view :class="flag1?'subtract':'subtract_act'" @click="focus_subtractClick">
+						<view :class="flag1?'subtract':'subtract_act'" @touchstart='ytControlFocusSubtract(11)' @touchend='ytControlStopFocusSubtract(11)'>
 							<image src="../../static/subtract.png" mode="" v-if="flag1==true"></image>
 							<image src="../../static/subtract_act.png" mode="" v-if="flag1==false"></image>
 						</view>
 					</view>
 					<view class="right_item">
-						<view :class="flag2?'add_act':'add'" @click="scale_addClick">
+						<view :class="flag2?'add_act':'add'" @touchstart='ytControlScaleAdd(8)' @touchend='ytControlStopScaleAdd(8)'>
 							<image src="../../static/add_act.png" mode="" v-if="flag2==true"></image>
 							<image src="../../static/add.png" mode="" v-if="flag2==false"></image>
 						</view>
 						<view class="focus">
 							缩放
 						</view>
-						<view :class="flag2?'subtract':'subtract_act'" @click="scale_subtractClick">
+						<view :class="flag2?'subtract':'subtract_act'" @touchstart='ytControlScaleSubtract(9)' @touchend='ytControlStopScaleSubtract(9)'>
 							<image src="../../static/subtract.png" mode="" v-if="flag2==true"></image>
 							<image src="../../static/subtract_act.png" mode="" v-if="flag2==false"></image>
 						</view>
 					</view>
-					<view class="right_item">
-						<view :class="flag3?'add_act':'add'" @click="aperture_addClick">
-							<image src="../../static/add_act.png" mode="" v-if="flag3==true"></image>
-							<image src="../../static/add.png" mode="" v-if="flag3==false"></image>
-						</view>
-						<view class="focus">
-							光圈
-						</view>
-						<view :class="flag3?'subtract':'subtract_act'" @click="aperture_subtractClick">
-							<image src="../../static/subtract.png" mode="" v-if="flag3==true"></image>
-							<image src="../../static/subtract_act.png" mode="" v-if="flag3==false"></image>
-						</view>
-					</view>
 				</view>
 			</view>
 		</view>
@@ -74,7 +61,6 @@
 				
 				flag1:true,
 				flag2:true,
-				flag3:true,
 				cameraSerialNumber:'',
 				cameraChannelNumber:'',
 				accesstoken:'',
@@ -105,28 +91,88 @@
 				})
 			},
 			
+			ytControl(num){
+				let that = this;
+				// console.log("start");
+				uni.request({
+				    url: 'https://open.ys7.com/api/lapp/device/ptz/start',
+					method: 'POST',
+					data:{
+						accessToken: that.accesstoken,
+						deviceSerial: that.cameraSerialNumber,
+						channelNo: that.cameraChannelNumber,
+						direction:num,
+						speed: 1,
+					},
+					header: {
+						'Content-Type': 'application/x-www-form-urlencoded',
+					},
+				    success: (res) => {
+				        console.log(res);
+				    }
+				});
+			},
 			
-			// 焦距
+			ytControlStop(num){
-			focus_addClick(){
+				let that = this;
-				this.flag1 = true
+				// console.log("stop");
+				uni.request({
+					url:'https://open.ys7.com/api/lapp/device/ptz/stop',
+					method: 'POST',
+					data:{
+						accessToken: that.accesstoken,
+						deviceSerial: that.cameraSerialNumber,
+						channelNo: that.cameraChannelNumber,
+						direction:num,
+						speed: 1,
+					},
+					header: {
+						'Content-Type': 'application/x-www-form-urlencoded',
+					},
+					success: (res) => {
+					    console.log(res);
+					}
+				})
 			},
-			focus_subtractClick(){
+			
-				this.flag1 = false
+			
+			// 焦距-放大
+			ytControlFocusAdd(num){
+				this.flag1 = true;
+				this.ytControl(num)
+				
 			},
-			// 缩放
+			ytControlStopFocusAdd(num){
-			scale_addClick(){
+				this.ytControlStop(num);
-				this.flag2 = true
 			},
-			scale_subtractClick(){
+			
-				this.flag2 = false
+			// 焦距-缩小
+			ytControlFocusSubtract(num){
+				this.flag1 = false;
+				this.ytControl(num)
+				
 			},
-			// 光圈
+			ytControlStopFocusSubtract(num){
-			aperture_addClick(){
+				this.ytControlStop(num);
-				this.flag3 = true
+			},
+			
+			// 缩放-放大
+			ytControlScaleAdd(num){
+				this.flag2 = true;
+				this.ytControl(num)
+			},
+			ytControlStopScaleAdd(){
+				this.ytControlStop(num);
+			},
+			
+			// 缩放-缩小
+			ytControlScaleSubtract(num){
+				this.flag2 = false;
+				this.ytControl(num)
+			},
+			ytControlStopScaleSubtract(num){
+				this.ytControlStop(num);
 			},
-			aperture_subtractClick(){
-				this.flag3 = false
-			}
 		}
 	}
 </script>
@@ -198,7 +244,9 @@
 			.right{
 				box-sizing: border-box;
 				padding-top: 10rpx;
-				
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
 				
 				.right_item{
 					width: 240rpx;

unpackage/dist/dev/mp-weixin/pages/videoLive/videoLive.js

@@ -158,7 +158,7 @@ __webpack_require__.r(__webpack_exports__);
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-
+/* WEBPACK VAR INJECTION */(function(uni) {
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -216,19 +216,6 @@ exports.default = void 0;
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 var _default = {
   data: function data() {
     return {
@@ -238,7 +225,6 @@ var _default = {
       },
       flag1: true,
       flag2: true,
-      flag3: true,
       cameraSerialNumber: '',
       cameraChannelNumber: '',
       accesstoken: '',
@@ -269,30 +255,84 @@ var _default = {
         }
       });
     },
-    // 焦距
+    ytControl: function ytControl(num) {
-    focus_addClick: function focus_addClick() {
+      var that = this;
+      // console.log("start");
+      uni.request({
+        url: 'https://open.ys7.com/api/lapp/device/ptz/start',
+        method: 'POST',
+        data: {
+          accessToken: that.accesstoken,
+          deviceSerial: that.cameraSerialNumber,
+          channelNo: that.cameraChannelNumber,
+          direction: num,
+          speed: 1
+        },
+        header: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        success: function success(res) {
+          console.log(res);
+        }
+      });
+    },
+    ytControlStop: function ytControlStop(num) {
+      var that = this;
+      // console.log("stop");
+      uni.request({
+        url: 'https://open.ys7.com/api/lapp/device/ptz/stop',
+        method: 'POST',
+        data: {
+          accessToken: that.accesstoken,
+          deviceSerial: that.cameraSerialNumber,
+          channelNo: that.cameraChannelNumber,
+          direction: num,
+          speed: 1
+        },
+        header: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        success: function success(res) {
+          console.log(res);
+        }
+      });
+    },
+    // 焦距-放大
+    ytControlFocusAdd: function ytControlFocusAdd(num) {
       this.flag1 = true;
+      this.ytControl(num);
     },
-    focus_subtractClick: function focus_subtractClick() {
+    ytControlStopFocusAdd: function ytControlStopFocusAdd(num) {
+      this.ytControlStop(num);
+    },
+    // 焦距-缩小
+    ytControlFocusSubtract: function ytControlFocusSubtract(num) {
       this.flag1 = false;
+      this.ytControl(num);
     },
-    // 缩放
+    ytControlStopFocusSubtract: function ytControlStopFocusSubtract(num) {
-    scale_addClick: function scale_addClick() {
+      this.ytControlStop(num);
+    },
+    // 缩放-放大
+    ytControlScaleAdd: function ytControlScaleAdd(num) {
       this.flag2 = true;
+      this.ytControl(num);
     },
-    scale_subtractClick: function scale_subtractClick() {
+    ytControlStopScaleAdd: function ytControlStopScaleAdd() {
+      this.ytControlStop(num);
+    },
+    // 缩放-缩小
+    ytControlScaleSubtract: function ytControlScaleSubtract(num) {
       this.flag2 = false;
+      this.ytControl(num);
     },
-    // 光圈
+    ytControlStopScaleSubtract: function ytControlStopScaleSubtract(num) {
-    aperture_addClick: function aperture_addClick() {
+      this.ytControlStop(num);
-      this.flag3 = true;
-    },
-    aperture_subtractClick: function aperture_subtractClick() {
-      this.flag3 = false;
     }
   }
 };
 exports.default = _default;
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
 
 /***/ }),
 

unpackage/dist/dev/mp-weixin/pages/videoLive/videoLive.wxml

@@ -1 +1 @@
-<view class="videoLive data-v-0ceca996"><u-navbar vue-id="deadeba0-1" background="{{background}}" is-back="{{true}}" back-icon-color="#FFFFFF" border-bottom="{{false}}" title="摄像机01" title-color="#FFFFFF" title-bold="{{true}}" title-size="32" class="data-v-0ceca996" bind:__l="__l"></u-navbar><view class="center data-v-0ceca996"><view class="video_live data-v-0ceca996"><video style="width:100%;height:100%;" id="myVideo" src="{{src}}" controls="{{true}}" class="data-v-0ceca996"></video></view><view class="skills data-v-0ceca996"><view class="left data-v-0ceca996"><image src="../../static/direction_keys.png" mode class="data-v-0ceca996"></image><image class="left_arrow data-v-0ceca996" src="../../static/left_arrow.png" mode></image><image class="right_arrow data-v-0ceca996" src="../../static/right_arrow.png" mode></image><image class="up_arrow data-v-0ceca996" src="../../static/up_arrow.png" mode></image><image class="down_arrow data-v-0ceca996" src="../../static/down_arrow.png" mode></image></view><view class="right data-v-0ceca996"><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['focus_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag1?'add_act':'add']}}" bindtap="__e"><block wx:if="{{flag1==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag1==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">焦距</view><view data-event-opts="{{[['tap',[['focus_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag1?'subtract':'subtract_act']}}" bindtap="__e"><block wx:if="{{flag1==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag1==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['scale_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag2?'add_act':'add']}}" bindtap="__e"><block wx:if="{{flag2==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag2==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">缩放</view><view data-event-opts="{{[['tap',[['scale_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag2?'subtract':'subtract_act']}}" bindtap="__e"><block wx:if="{{flag2==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag2==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['aperture_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag3?'add_act':'add']}}" bindtap="__e"><block wx:if="{{flag3==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag3==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">光圈</view><view data-event-opts="{{[['tap',[['aperture_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag3?'subtract':'subtract_act']}}" bindtap="__e"><block wx:if="{{flag3==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag3==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view></view></view></view></view>
+<view class="videoLive data-v-0ceca996"><u-navbar vue-id="deadeba0-1" background="{{background}}" is-back="{{true}}" back-icon-color="#FFFFFF" border-bottom="{{false}}" title="摄像机01" title-color="#FFFFFF" title-bold="{{true}}" title-size="32" class="data-v-0ceca996" bind:__l="__l"></u-navbar><view class="center data-v-0ceca996"><view class="video_live data-v-0ceca996"><video style="width:100%;height:100%;" id="myVideo" src="{{src}}" controls="{{true}}" class="data-v-0ceca996"></video></view><view class="skills data-v-0ceca996"><view class="left data-v-0ceca996"><image src="../../static/direction_keys.png" mode class="data-v-0ceca996"></image><image class="left_arrow data-v-0ceca996" src="../../static/left_arrow.png" mode data-event-opts="{{[['touchstart',[['ytControl',[2]]]],['touchend',[['ytControlStop',[2]]]]]}}" bindtouchstart="__e" bindtouchend="__e"></image><image class="right_arrow data-v-0ceca996" src="../../static/right_arrow.png" mode data-event-opts="{{[['touchstart',[['ytControl',[3]]]],['touchend',[['ytControlStop',[3]]]]]}}" bindtouchstart="__e" bindtouchend="__e"></image><image class="up_arrow data-v-0ceca996" src="../../static/up_arrow.png" mode data-event-opts="{{[['touchstart',[['ytControl',[0]]]],['touchend',[['ytControlStop',[0]]]]]}}" bindtouchstart="__e" bindtouchend="__e"></image><image class="down_arrow data-v-0ceca996" src="../../static/down_arrow.png" mode data-event-opts="{{[['touchstart',[['ytControl',[1]]]],['touchend',[['ytControlStop',[1]]]]]}}" bindtouchstart="__e" bindtouchend="__e"></image></view><view class="right data-v-0ceca996"><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['touchstart',[['ytControlFocusAdd',[10]]]],['touchend',[['ytControlStopFocusAdd',[10]]]]]}}" class="{{['data-v-0ceca996',flag1?'add_act':'add']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag1==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag1==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">焦距</view><view data-event-opts="{{[['touchstart',[['ytControlFocusSubtract',[11]]]],['touchend',[['ytControlStopFocusSubtract',[11]]]]]}}" class="{{['data-v-0ceca996',flag1?'subtract':'subtract_act']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag1==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag1==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['touchstart',[['ytControlScaleAdd',[8]]]],['touchend',[['ytControlStopScaleAdd',[8]]]]]}}" class="{{['data-v-0ceca996',flag2?'add_act':'add']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag2==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag2==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">缩放</view><view data-event-opts="{{[['touchstart',[['ytControlScaleSubtract',[9]]]],['touchend',[['ytControlStopScaleSubtract',[9]]]]]}}" class="{{['data-v-0ceca996',flag2?'subtract':'subtract_act']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag2==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag2==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view></view></view></view></view>

unpackage/dist/dev/mp-weixin/pages/videoLive/videoLive.wxss

@@ -84,6 +84,9 @@
 .videoLive .center .skills .right.data-v-0ceca996 {
   box-sizing: border-box;
   padding-top: 10rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 .videoLive .center .skills .right .right_item.data-v-0ceca996 {
   width: 240rpx;