测试海康对讲

测试海康对讲

src/views/page/hkplay.vue

@@ -1,35 +1,21 @@
 <template>
   <div class="hkcont">
-		<div id="player">
+    <div id="player"></div>
-			
-		</div>
     <div class="items">
       <div>
         <button type="button" @click="startTalk">开始对讲</button>
         <button type="button" @click="stopTalk">停止对讲</button>
-		        <!-- <button type="button" onClick="SetVolume()">设置声音</button> -->
+        设置声音<input type="range" min="0" max="100" step="1" value="50" v-model="inputValue" @change="TalkSetVolume" />
-		        设置声音<input
-		            type="range"
-		            min="0"
-		            max="100"
-		            step="1"
-		            value="50"
-					v-model="inputValue"
-		            @change="TalkSetVolume"
-		            />
       </div>
     </div>
   </div>
-	
-	
 </template>
 <script lang="ts" setup>
 import api from '@/axios'
-	import { Ref, ref, watch, onMounted, onBeforeMount, onBeforeUnmount, reactive, getCurrentInstance } from 'vue'
+import {ref, onMounted, onBeforeUnmount} from 'vue'
 import {useRouter} from 'vue-router'
 import {JsonResult} from '@/axios'
 const router = useRouter()
-	const infoData = ref()
 const inputValue = ref(50)
 var curIndex = 0 // 当前窗口下标
 let myPlugin: any
@@ -43,37 +29,68 @@
 }
 const startTalk = () => {
   console.log('开启对讲')
-		api.post('/multialarm/talk/channel', { ...date }).then((ress) => {
+  api.post<any>('/multialarm/talk/channel', {...date}).then((ress) => {
-			console.log('对讲地址', ress.data.videoUrl);
+    console.log('对讲地址', ress.data.videoUrl)
-			myPlugin.JS_SetConnectTimeOut(0, 3000);
+    myPlugin.JS_SetConnectTimeOut(0, 3000)
     myPlugin.JS_StartTalk(ress.data.videoUrl).then(
       () => {
-					console.log("talkStart success");
+        console.log('talkStart success')
       },
-				(e) => {
+      (e: any) => {
-					console.error(e, "对讲失败");
+        console.error(e, '对讲失败')
       }
-			);
+    )
   })
 }
+
+const GetVolume = () => {
+  myPlugin.JS_GetVolume(curIndex).then(
+    (volumn: any) => {
+      //在不设置音量的情况下默认50
+      console.info('JS_GetVolume success', volumn)
+      // do you want...
+    },
+    (err: any) => {
+      console.info('JS_GetVolume failed')
+      // do you want...
+    }
+  )
+}
+
+const OpenSound = () => {
+  myPlugin.JS_OpenSound(curIndex).then(
+    () => {
+      console.info('JS_OpenSound success')
+      // do you want...
+    },
+    (err: any) => {
+      console.info('JS_OpenSound failed')
+      // do you want...
+    }
+  )
+}
+
 //关闭对讲
 const stopTalk = () => {
-		myPlugin.JS_StopTalk().then(function () {
+  myPlugin.JS_StopTalk().then(
-		    console.log("关闭对讲 success");
+    function () {
-		}, function () {
+      console.log('关闭对讲 success')
-		    console.log("关闭对讲 failed");
+    },
-		});
+    function () {
-	};
+      console.log('关闭对讲 failed')
+    }
+  )
+}
 //调节声音
 const TalkSetVolume = () => {
   myPlugin.JS_TalkSetVolume(parseFloat(inputValue.value)).then(
     () => {
-	            console.log("JS_TalkSetVolume success", inputValue.value);
+      console.log('JS_TalkSetVolume success', inputValue.value)
     },
-	        (err) => {
+    (err: any) => {
-	            console.error("JS_TalkSetVolume failed", err);
+      console.error('JS_TalkSetVolume failed', err)
     }
-	    );
+  )
 }
 onMounted(() => {
   if (typeof window.JSPlugin === 'undefined') {
@@ -81,7 +98,6 @@
   } else {
   }
 
-	
   api.post('/multialarm/video/preview', {...date}).then((res: JsonResult<any>) => {
     // console.log('router222', res)
     console.log('播放地址', res.data.videoUrl)
@@ -108,28 +124,6 @@
 
       var controlIndex = 2
 
-
-
-				//开启对讲
-				// function startTalk() {
-				// 	console.log('开启对讲')
-				// 	api.post('/multialarm/talk/channel', { ...date }).then((ress) => {
-				// 		console.log('对讲地址', ress.data.videoUrl);
-				// 		// myPlugin.JS_SetConnectTimeOut(0, 3000);
-				// 		myPlugin.JS_StartTalk(ress.data.videoUrl).then(
-				// 			() => {
-				// 				console.log("talkStart success");
-				// 			},
-				// 			(e) => {
-				// 				console.error(e, "对讲失败");
-				// 			}
-				// 		);
-				// 	})
-					
-
-				// }
-				
-
       function playVideo() {
         myPlugin
           .JS_Play(
@@ -141,7 +135,13 @@
             curIndex //当前窗口下标
           )
           .then(
-							() => { },
+            () => {
+              console.info('JS_Play success')
+
+              OpenSound()
+              GetVolume()
+              // do you want...
+            },
             (e: any) => {
               // console.log('网络流中断')
               controlIndex--
@@ -186,9 +186,9 @@
     background: #000;
   }
   .items {
-		    border: 1px solid #444444;position:absolute;bottom:0px;
+    border: 1px solid #444444;
+    position: absolute;
+    bottom: 0px;
   }
 }
-	
-	
 </style>

src/views/page/indexMim.vue

@@ -856,8 +856,8 @@ const initMapdt = (data: any, podat: any, name: any) => {
   }
   if (name !== '湖南省') {
     // option.series = option.series.filter((series) => series.type !== 'lines')
-    // option.series[1].data = []
+    option.series[1].data = []
-    // option.series[2].data = []
+    option.series[2].data = []
     myChart.setOption(option)
   } else {
     myChart.setOption(option)