视频问题修改

src/views/page/hkplay.vue

@@ -2,19 +2,17 @@
 	<div id="player"></div>
 </template>
 <script lang="ts" setup>
-import api from '@/axios'
+	import api from '@/axios'
-import { Ref, ref, watch, onMounted, onBeforeMount, onBeforeUnmount, reactive, getCurrentInstance } from 'vue'
+	import { Ref, ref, watch, onMounted, onBeforeMount, onBeforeUnmount, reactive, getCurrentInstance } from 'vue'
-import { useRouter } from 'vue-router'
+	import { useRouter } from 'vue-router'
-const router = useRouter()
+	const router = useRouter()
-const infoData = ref()
+	const infoData = ref()
-var curIndex = 0 // 当前窗口下标
+	var curIndex = 0 // 当前窗口下标
-let myPlugin: any
+	let myPlugin : any
-onMounted(() => {
+	onMounted(() => {
 		if (typeof window.JSPlugin === 'undefined') {
-    console.error('JSPlugin is not loaded')
 			return
 		} else {
-    console.log('JSPlugin加载成功')
 		}
 		let date = {
 			pointId: router.currentRoute.value.query.pointId,
@@ -25,11 +23,12 @@ onMounted(() => {
 		}
 
 		api.post('/multialarm/video/preview', { ...date }).then((res) => {
-    console.log('router222', res)
+			// console.log('router222', res)
 			console.log('播放地址', res.data.videoUrl)
 			var code = res['code']
 			if (code == 0) {
 				var playURL = res.data.videoUrl
+				// var playURL = 'wss://w.hnjinglian.cn:2563/haikang play/openUrl/w64vRni'
 				var IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
 				var MSE_IS_SUPPORT = !!window.MediaSource // 是否支持mse
 				myPlugin = new window.JSPlugin({
@@ -46,27 +45,16 @@ onMounted(() => {
 					},
 					bSupporDoubleClickFull: true, //是否支持双击全屏，默认true
 				})
-      myPlugin
+				myPlugin.JS_SetWindowControlCallback({
-        .JS_SetWindowControlCallback({
+					pluginErrorHandler: function (index : any, iErrorCode : any, oError : any) {
-          pluginErrorHandler: function (index: any, iErrorCode: any, oError: any) {
-            console.error('__________pluginErrorHandler错误码________________', index, iErrorCode, oError)
 
-            //插件错误回调
-            // do you want...
-            // 取流失败，流中断等错误都会触发该回调函数，请自行对照错误码表进行判断。
-            // 业务上层可在此做一些个性化操作，如：个性化错误信息展示，重新取流等。
 					},
 				})
-        .then((res: any) => {
+					.then((res : any) => {
-          console.log('JS_SetWindowControlCallback________________', res)
 					})
 
 				var controlIndex = 2
 				function playVideo() {
-        console.log('____________playURL:', playURL)
-        console.log('____________curIndex:', curIndex)
-        //   JS_Play 参数说明
-        //   JS_Play(url, config, windowIndex, startTime, endTime)
 					myPlugin
 						.JS_Play(
 							playURL,
@@ -78,16 +66,14 @@ onMounted(() => {
 						)
 						.then(
 							() => {
-              console.info('JS_Play success')
-              // do you want...
 							},
-            (e: any) => {
+							(e : any) => {
-              console.log('网络流中断')
+								// console.log('网络流中断')
 								controlIndex--
 								if (controlIndex <= 0) {
 									return
 								}
-              console.info('JS_Play failed:', e)
+								// console.info('JS_Play failed:', e)
 								playVideo()
 							}
 						)
@@ -97,27 +83,27 @@ onMounted(() => {
 				alert('播放失败')
 			}
 		})
-})
+	})
 
-// 停止播放断开 ws 连接
+	// 停止播放断开 ws 连接
-onBeforeUnmount(() => {
+	onBeforeUnmount(() => {
 		myPlugin.JS_Stop(curIndex).then(
 			() => {
 				console.info('JS_Stop success')
 				// do you want...
 			},
-    (err: any) => {
+			(err : any) => {
 				console.info('JS_Stop failed:', err)
 				// do you want...
 			}
 		)
-})
+	})
 </script>
 
 <style scoped lang="scss">
-#player {
+	#player {
 		height: 100%;
 		width: 100%;
 		background: #000;
-}
+	}
 </style>

src/views/page/index.vue

@@ -1059,12 +1059,12 @@ const pointCode = ref()
   if (a.deviceType == '00') {
     if (a.alarmType == 'isc') {
       try {
-        router.push({ path: '/index/hkplay', query: { pointId: a.pointId } })
+        // router.push({ path: '/index/hkplay', query: { pointId: a.pointId } })
-        // let routeData = router.resolve({ path: '/index/hkplay', query: { pointId: a.pointId } })
+        let routeData = router.resolve({ path: '/index/hkplay', query: { pointId: a.pointId } })
         // console.log('🚀 ~ routeData:', JSON.stringify(routeData))
         // window.location.href = routeData.href
 
-        // window.open(routeData.href, '_blank')
+        window.open(routeData.href, '_blank')
         // window.open('http://172.10.10.161:9527/#/index/hkplay?pointId=43000000581314000013', '_blank') //直接跳要么白屏，要么说未找到token
         // window.open('https://www.hndyjqrh.cn/#/index/hkplay?pointId=43000000581314000013', '_blank')
       } catch (error) {