feat: h5播放器暴露方法

h5/src/views/extension/index.vue

@@ -61,6 +61,11 @@ export default {
   created() {
   created() {
     // this.init();
     // this.init();
   },
   },
+  mounted() {
+		window.playWebVideo = this.playWebVideo;
+    window.stopPlay = this.stopPlay;
+    window.screenshot = this.screenshot;
+	},
   methods: {
   methods: {
 		// 时间线改变
 		// 时间线改变
 		videoTimeChange(val) {
 		videoTimeChange(val) {

h5/src/views/extension/videoTime.vue

@@ -88,10 +88,10 @@ export default {
 			markTime: [],
 			markTime: [],
 
 
 			isNoBack:true,
 			isNoBack:true,
-			
+
 			maxDay: new Date(),
 			maxDay: new Date(),
 			minDay: new Date(2022,1,1),
 			minDay: new Date(2022,1,1),
-			
+
 			ptzControlShow:false,
 			ptzControlShow:false,
 			isCanFastRight:false,
 			isCanFastRight:false,
 			timeColumns:[],
 			timeColumns:[],
@@ -200,7 +200,7 @@ export default {
 			this.isNoBack = this.startMeddleTime == moment().format('YYYY-MM-DD HH:mm:ss')
 			this.isNoBack = this.startMeddleTime == moment().format('YYYY-MM-DD HH:mm:ss')
 			this.ptzControlShow = false
 			this.ptzControlShow = false
 			this.isCanFast()
 			this.isCanFast()
-			
+
 		},
 		},
 		// 时间选择点击
 		// 时间选择点击
 		timeSelectShow() {
 		timeSelectShow() {
@@ -264,7 +264,7 @@ export default {
 			if(this.showTimeSelectShow){
 			if(this.showTimeSelectShow){
 				return false;
 				return false;
 			}
 			}
-			
+
 			let startTimeArr = this.startTime.split(':')
 			let startTimeArr = this.startTime.split(':')
 			let timeColumns = []
 			let timeColumns = []
 			let maxHour = 23
 			let maxHour = 23
@@ -312,7 +312,7 @@ export default {
 			this.ptzControlShow = false
 			this.ptzControlShow = false
 			this.$forceUpdate()
 			this.$forceUpdate()
 		},
 		},
-		
+
 		// 云台控制显示
 		// 云台控制显示
 		ptzControlChange() {
 		ptzControlChange() {
 			this.ptzControlShow = !this.ptzControlShow
 			this.ptzControlShow = !this.ptzControlShow
@@ -327,7 +327,7 @@ export default {
 			this.ptzControlType = ''
 			this.ptzControlType = ''
 			this.$emit('ptzControlClick','stop')
 			this.$emit('ptzControlClick','stop')
 		},
 		},
-		
+
 		// 快退/快进
 		// 快退/快进
 		fastChangeStartTime(val) {
 		fastChangeStartTime(val) {
 			let newTime = val>0?moment(this.showDay + ' ' + this.startTime).add(val, "seconds").format('YYYY-MM-DD HH:mm:ss'):moment(this.showDay + ' ' + this.startTime).subtract(val*-1, "seconds").format('YYYY-MM-DD HH:mm:ss');
 			let newTime = val>0?moment(this.showDay + ' ' + this.startTime).add(val, "seconds").format('YYYY-MM-DD HH:mm:ss'):moment(this.showDay + ' ' + this.startTime).subtract(val*-1, "seconds").format('YYYY-MM-DD HH:mm:ss');
@@ -372,7 +372,7 @@ export default {
 				font-size: 15px;
 				font-size: 15px;
 				cursor: pointer;
 				cursor: pointer;
 			}
 			}
-			
+
 		}
 		}
 		.operation-module-center{
 		.operation-module-center{
 			position: absolute;
 			position: absolute;
@@ -387,7 +387,7 @@ export default {
 			.go-back-realtime-btn {
 			.go-back-realtime-btn {
 				margin-left: 20px;
 				margin-left: 20px;
 			}
 			}
-			
+
 			.time-input-box{
 			.time-input-box{
 				width: 110px;
 				width: 110px;
 				display: inline-flex;
 				display: inline-flex;
@@ -430,7 +430,7 @@ export default {
 					text-align: center!important;
 					text-align: center!important;
 				}
 				}
 			}
 			}
-			
+
 		}
 		}
 		.operation-module-right {
 		.operation-module-right {
 			position: relative;
 			position: relative;
@@ -485,7 +485,7 @@ export default {
 				color: #ffffff;
 				color: #ffffff;
 				margin-right: 20px;
 				margin-right: 20px;
 			}
 			}
-			
+
 		}
 		}
 
 
 		/deep/.el-input {
 		/deep/.el-input {
@@ -519,7 +519,7 @@ export default {
 			width: 100%;
 			width: 100%;
 			height: 40px;
 			height: 40px;
 			position: relative;
 			position: relative;
-			
+
 		}
 		}
 	}
 	}
 	.date-axis{
 	.date-axis{
@@ -533,7 +533,7 @@ export default {
 			align-items: center;
 			align-items: center;
 			font-size: 14px;
 			font-size: 14px;
 			color:#fff;
 			color:#fff;
-			width: 76px;
+			width: 80px;
 			.day-select-btn-icon{
 			.day-select-btn-icon{
 				margin-left: 2px;
 				margin-left: 2px;
 			}
 			}
@@ -721,4 +721,4 @@ export default {
 /deep/.van-calendar__popup{
 /deep/.van-calendar__popup{
 	height: 64%!important;
 	height: 64%!important;
 }
 }
-</style>
\ No newline at end of file
+</style>