From 0d3af1e3612bf691d11ecaf8b013638808a73d7f Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 29 十月 2024 14:37:08 +0800
Subject: [PATCH] 会议列表状态样式优化

---
 src/views/meet/index.vue |   97 +++++++++++++++++++++++++++---------------------
 1 files changed, 55 insertions(+), 42 deletions(-)

diff --git a/src/views/meet/index.vue b/src/views/meet/index.vue
index e7c50ea..14a0d0a 100644
--- a/src/views/meet/index.vue
+++ b/src/views/meet/index.vue
@@ -5,22 +5,23 @@
 </template>
 
 <script setup>
-import { ref, watch, onMounted } from 'vue';
-import { useRoute } from 'vue-router';
+import {ref, watch, onMounted} from 'vue';
+import {useRoute} from 'vue-router';
 import useWebScoket from "@/hooks/useWebScoket.js";
-import { storeToRefs } from 'pinia';
-import { useUserStore } from '@/store/index.js';
+import {storeToRefs} from 'pinia';
+import {useUserStore} from '@/store/index.js';
+
 const route = useRoute();
 const meet = ref(null);
 
 const userStore = useUserStore();
-const { userInfo } = storeToRefs(userStore);
-const { meetName, id, userName, userCode } = route.query;
+const {userInfo} = storeToRefs(userStore);
+const {meetName, id, userName, userCode} = route.query;
 let jitsiApi = null;
 onMounted(() => {
   const width = window.innerWidth;
   const height = window.innerHeight;
-  const domain = 'ycl.easyblog.vip:8443/' + id;
+  const domain = 'www.kgmeet.com:8443/' + id;
   const options = {
     roomName: meetName,
     width: width,
@@ -35,6 +36,26 @@
       gravatar: {
         disabled: true
       },
+      // 鎺у埗椤堕儴鏍囬浼氳淇℃伅鏍囩鐨勫彲瑙佹�у拰琛屼负銆�
+      // 濡傛灉鏍囩鐨� ID 涓嶅湪涓婅堪涓や釜鏁扮粍涓殑浠讳綍涓�涓腑锛屽垯瀹冨湪鏍囬涓婃牴鏈笉鍙銆�
+      conferenceInfo: {
+        // 杩欎簺鏍囩涓嶄細涓庡伐鍏风涓�璧烽殣钘忋��
+        alwaysVisible: ['recording'],
+        // 杩欎簺鏍囩灏嗕笌宸ュ叿绠辨寜閽竴璧疯嚜鍔ㄩ殣钘忋��
+        autoHide: [
+          // 'raised-hands-count',
+          'subject',
+          'conference-timer',
+          'participants-count',
+          'e2ee',
+          'video-quality',
+          'insecure-room',
+          'highlight-moment',
+          'top-panel-toggle',
+        ]
+      },
+      ModeratorIndicator: true,
+      startSilent: false,
       //绂佺敤鏀瑰悕
       readOnlyName: true,
       //鍙備細鑰呭悕鍗�
@@ -45,34 +66,23 @@
         disabledDemote: false
       },
       // 鑷畾涔夋寜閽�
-      // 鑷畾涔夋寜閽�
       toolbarButtons: [
         // 鎽勫儚澶�
         'camera',
         // 鑱婂ぉ
         'chat',
-        // 'closedcaptions',
         // 鍏变韩
         'desktop',
         'download',
-        // 'embedmeeting',
-        // 'etherpad',
-        // 'feedback',
-        // 'filmstrip',
         'fullscreen',
         'hangup',
-        // 'help',
         'highlight',
-        // 'invite',
         'linktosalesforce',
         'livestreaming',
         'microphone',
         'noisesuppression',
-        // 'participants-pane',
-        // 'profile',
-        // 'raisehand',
+        'raisehand',
         'recording',
-        // 'security',
         'select-background',
         'settings',
         'shareaudio',
@@ -81,13 +91,23 @@
         'stats',
         'tileview',
         'toggle-camera',
-        // 'videoquality',
+        // 'closedcaptions',
+        // 'embedmeeting',
+        // 'etherpad',
+        // 'feedback',
+        // 'filmstrip',
+        // 'help',
+        // 'invite',
+        // 'participants-pane',
+        // 'profile',
+        // 'security',
+        'videoquality',
         'whiteboard'
       ],
       // 绂佺敤閭�璇�
       disableInviteFunctions: true,
       //绂佺敤鍏ㄩ儴闈欓煶
-      disableRemoteMute: true,
+      disableRemoteMute: false,
       //涓绘寔浜洪�夐」
       participantsPane: {
         enabled: false,
@@ -119,32 +139,25 @@
   });
 }
 
-const mute = () => {
-  jitsiApi.executeCommand('toggleAudio');
-}
-const kickOut = () => {
-  jitsiApi.executeCommand('hangup');
-}
-
-const { status, message, error, connect, disconnect, sendMessage } = useWebScoket({
-  url: 'ws://127.0.0.1:8000/websocket/' + userInfo._rawValue.id,
+const {status, message, error, connect, disconnect, sendMessage} = useWebScoket({
+  url: 'wss://www.kgmeet.com:18443/websocket/' + userInfo._rawValue.id,
   heartBeatData: 'ping'
 });
 
 watch(
-  () => message.value,
-  (msg) => {
-    console.log('msg', msg.commend);
-    if (msg.commend === 'kickOut') {
-      kickOut();
+    () => message.value,
+    (msg) => {
+      console.log('msg', msg.commend);
+      if (msg.commend === 'kickOut') {
+        jitsiApi.executeCommand('hangup');
+      }
+      if (msg.commend === 'mute') {
+        jitsiApi.executeCommand('toggleAudio');
+      }
+      if (msg.commend === 'openCamera') {
+        jitsiApi.executeCommand('toggleVideo');
+      }
     }
-    if (msg.commend === 'mute') {
-      mute();
-    }
-    if (msg.commend === 'openCamera') {
-      alert("鍒囨崲鎽勫儚澶�")
-    }
-  }
 );
 
 

--
Gitblit v1.8.0