chore: camera ws url

src/views/schedule/video/compoent/detail.vue

@@ -1,6 +1,12 @@
 <template>
-  <div v-loading="videoLoading" class="detail">
-    <i class="el-icon-close closeDetail" @click="close" />
+  <div
+    v-loading="videoLoading"
+    class="detail"
+  >
+    <i
+      class="el-icon-close closeDetail"
+      @click="close"
+    />
     <video
       ref="player"
       style="width: 100%"
@@ -13,7 +19,10 @@
       <el-row :gutter="16">
         <el-col :span="24">
           <div class="video-controls l-flex--row">
-            <div v-show="settingBshow" class="settingB">
+            <div
+              v-show="settingBshow"
+              class="settingB"
+            >
               <div v-show="settingTab">
                 <div
                   v-for="(item, index) in setData"
@@ -25,7 +34,10 @@
                 </div>
               </div>
               <div v-show="!settingTab">
-                <div class="settingT settingsub" @click="setBack">
+                <div
+                  class="settingT settingsub"
+                  @click="setBack"
+                >
                   <i class="el-icon-arrow-left" />{{ setData[settingActive] }}
                 </div>
                 <div class="settingHeight">
@@ -42,10 +54,22 @@
               </div>
             </div>
             <div class="l-flex__auto">
-              <img :src="imgUrl.stop" class="stop" @click="stopbtn">
+              <img
+                :src="imgUrl.stop"
+                class="stop"
+                @click="stopbtn"
+              >
             </div>
-            <img :src="imgUrl.setting" class="setting" @click="settingShow">
-            <img :src="imgUrl.refresh" class="refresh" @click="refresh">
+            <img
+              :src="imgUrl.setting"
+              class="setting"
+              @click="settingShow"
+            >
+            <img
+              :src="imgUrl.refresh"
+              class="refresh"
+              @click="refresh"
+            >
           </div>
         </el-col>
         <el-col :span="8">
@@ -66,7 +90,10 @@
         </el-col>
         <el-col :span="16">
           <div class="o-detail">
-            <div id="main" style="width: 100%; height: 200px" />
+            <div
+              id="main"
+              style="width: 100%; height: 200px"
+            />
             <div class="choosedate">
               <div class="timeBtn">
                 <span
@@ -104,6 +131,9 @@ import {
   getAvailableParam,
   setCamera
 } from '@/api/camera'
+
+const CAMERA_URL = `${location.protocol === 'https:' ? 'wss' : 'ws'}://${process.env.VUE_APP_GATEWAY || location.host}${process.env.VUE_APP_CAMERA_PROXY}`
+
 export default {
   name: 'Detail',
   props: {
@@ -161,7 +191,7 @@ export default {
           type: 'flv',
           isLive: true,
           // hasAudio: false,
-          url: `ws://${location.host}/prod-api/websocket/${this.detailobj.deviceId}?authorization=${this.$keycloak.token}`
+          url: `${CAMERA_URL}/${this.detailobj.deviceId}?authorization=${this.$keycloak.token}`
         })
 
         this.player.on('error', (e) => {
@@ -601,11 +631,11 @@ export default {
 }
 
 video::-webkit-media-controls-fullscreen-button {
-    display: none;
+  display: none;
 }
 //所有控件
-video::-webkit-media-controls-enclosure{
-    display: none;
+video::-webkit-media-controls-enclosure {
+  display: none;
 }
 </style>
 <style lang="scss">