平加云台控制功能

src/views/components/housecamer.vue

@@ -52,10 +52,10 @@
                       <div class="camername">{{ item.name }}摄像头</div>
                       <div class="cc">
                         <div class="cc_bg"></div>
-                        <div class="cc_01"></div>
-                        <div class="cc_02"></div>
-                        <div class="cc_03"></div>
-                        <div class="cc_04"></div>
+                        <div class="cc_01" @click="ccMove(1,5)"></div>
+                        <div class="cc_02" @click="ccMove(2,5)"></div>
+                        <div class="cc_03" @click="ccMove(3,5)"></div>
+                        <div class="cc_04" @click="ccMove(4,5)"></div>
                       </div>
                       <div class="cc_params"><span class="span1">变倍</span><img src="/images/cc_sub.png" @click="ccParamsSet(1,-1)"><span class="span2">|</span><span class="span3"><span class="span31" :style="{'width':cc_params1+'%'}"></span><span class="span32" :style="{'left':(cc_params1-8)+'px'}"></span></span><span class="span4">|</span><img src="/images/cc_add.png" @click="ccParamsSet(1,1)"></div>
                       <div class="cc_params"><span class="span1">变焦</span><img src="/images/cc_sub.png" @click="ccParamsSet(2,-1)"><span class="span2">|</span><span class="span3"><span class="span31" :style="{'width':cc_params2+'%'}"></span><span class="span32" :style="{'left':(cc_params2-8)+'px'}"></span></span><span class="span4">|</span><img src="/images/cc_add.png" @click="ccParamsSet(2,1)"></div>
@@ -74,6 +74,7 @@
 </template>
 <script setup>
 import {shallowRef,onMounted,defineExpose} from "vue";
+import request from '@/utils/request';
 import * as echarts from "echarts";
 import Player from './player.vue'
 const {proxy} = getCurrentInstance();
@@ -138,7 +139,7 @@ const load=(houseinfo,v_alarm_type)=>{
       lnglat:[0,0],
       alarmtype:"smoke",
       camername:"1-10002号摄像头",
-      video_url:"http://47.108.159.150:8080/flv/34020000001110000001/34020000001310000055",
+      video_url:"http://47.108.159.150:8080/flv/34020000001180000003/34020000001310000051",
     }]);
     for (let index = 0; index < houselist.value.length; index++) {
         const element = houselist.value[index];
@@ -346,6 +347,44 @@ const videocontrl=(item)=>{
 const closeCloudset=(item)=>{
   item['contrlset'] = false
 }
+//旋转
+//1:向上 ptzcmd=A50F0108007D003A 2：向下 ptzcmd=A50F0104007D0036 3：向右 ptzcmd=A50F01017D000033 4：向左 ptzcmd=A50F01027D000034
+//Bearer monibuca
+//停止指令：ptzcmd=A50F0100000000B5
+const ccMove=(dir,v)=>{
+  let cmd = "";
+  //http://47.108.159.150:8080/gb28181/api/ptz/34020000001180000003/34020000001310000051?ptzcmd=A50F0108007D003A
+  if(dir==1){
+    cmd = "A50F0108007D003A"
+  }else if(dir==2){
+    cmd = "A50F0104007D0036"
+  }else if(dir==3){
+    cmd = "A50F01017D000033"
+  }else if(dir==4){
+    cmd = "A50F01027D000034"
+  }
+  request({
+      url: 'http://47.108.159.150:8080/gb28181/api/ptz/34020000001180000003/34020000001310000051?ptzcmd='+cmd,
+      headers: {
+        authorization: 'Bearer monibuca',
+      },
+      method: 'get',
+      data: null
+    }).then(res=>{
+      if(res.code==0){
+        cmd='A50F0100000000B5';
+        request({
+            url: 'http://47.108.159.150:8080/gb28181/api/ptz/34020000001180000003/34020000001310000051?ptzcmd='+cmd,
+            headers: {
+              authorization: 'Bearer monibuca',
+            },
+            method: 'get',
+            data: null
+          }).then(res=>{});
+      }
+  });
+}
+
 const ccParamsSet=(type,value)=>{
   if(type==1){
     cc_params1.value += value;
@@ -360,9 +399,11 @@ const ccParamsSet=(type,value)=>{
     if(cc_params3.value>100) cc_params3.value=100
     if(cc_params3.value<0) cc_params3.value=0
   }  else if(type==4) {
+    //音量
     cc_params4.value += value;
     if(cc_params4.value>100) cc_params4.value=100
     if(cc_params4.value<0) cc_params4.value=0
+    tempPlayerRefs.value[selectHouse.value.code].volumeChange(cc_params4.value);
   }
 }
 onMounted(() => {

src/views/components/player.vue

@@ -293,8 +293,8 @@
         this.err = "";
         this.performance = "";
       },
-      volumeChange() {
-        this.jessibuca.setVolume(this.volume);
+      volumeChange(v) {
+        this.jessibuca.setVolume(v||this.volume);
       },
       rotateChange() {
         this.jessibuca.setRotate(this.rotate);

src/views/index.vue

@@ -124,7 +124,7 @@ const houselist=ref([{
   lnglat:[0,0],
   alarmtype:"smoke",
   camername:"1-10002号摄像头",
-  video_url:"http://47.108.159.150:8080/flv/34020000001110000001/34020000001310000055",
+  video_url:"http://47.108.159.150:8080/flv/34020000001180000003/34020000001310000051",
 }]);
 
 const initHouseLoca=()=>{