update

src/components/RTC/Trtccom.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="trtccom" v-if="show">
-    <Device @switchDevice="switchDevice" @canUseDevice="canUseDevice"  />
+    <Device @switchDevice="switchDevice" @canUseDevice="canUseDevice" />
     <div class="local" id="local" v-if="isJoined">
       <div class="tag">
         <div :class="audioMuted ? 'muteAudio' : 'unmuteAudio'" @click="muteAudio"></div>
@@ -21,6 +21,11 @@ const store = useStore();
 const show = ref(false);
 const isJoined = computed(() => store.getters["rtc/isJoined"]);
 const isPublished = computed(() => store.getters["rtc/isPublished"]);
+const userSig = computed(() => store.getters["rtc/userSig"]);
+
+const initParamsStates = computed(
+  () => !!(store.getters["rtc/sdkAppId"] && store.getters["rtc/secretKey"] && store.getters["rtc/roomId"] && store.getters["rtc/userId"])
+);
 
 let localClient = "";
 let localStream = "";
@@ -60,18 +65,17 @@ async function createLocalStream() {
 }
 
 async function handleJoin() {
-  console.log(!store.commit("rtc/getInitParamsStates"),'getInitParamsStates');
-  if (!store.commit("rtc/getInitParamsStates")) {
+  console.log(!initParamsStates.value);
+  if (!initParamsStates.value) {
     return;
   }
-  const userSig = store.commit("rtc/getUserSig");
 
   try {
     localClient = TRTC.createClient({
       mode: "rtc",
       sdkAppId: parseInt(store.getters["rtc/sdkAppId"], 10),
       userId: store.getters["rtc/userId"],
-      userSig,
+      userSig: userSig.value,
     });
     installEventHandlers();
     await localClient.join({ roomId: parseInt(store.getters["rtc/roomId"], 10) });
@@ -276,11 +280,10 @@ let switchDevice = async ({ videoId, audioId }) => {
   }
 };
 
-let canUseDevice = ()=>{
-  console.log('可用');
-    handleJoin();
-}
-
+let canUseDevice = () => {
+  console.log("可用");
+  handleJoin();
+};
 </script>
 
 <style lang="scss" scoped>

src/components/RTC/index.vue

@@ -33,6 +33,8 @@ const userName = ref(browser.getURLParam("name"));
 const socket = computed(() => store.getters["rtc/socket"]);
 
 
+
+
 const openDialog = (str, link) => {
   shareLink.value = link;
   dialog.value = str;

src/store/modules/rtc.js

@@ -84,17 +84,8 @@ export default {
         setIsPublished(state, payload){
             state.isPublished = payload
         },
-        getInitParamsStates(state, payload) {
-            console.log(state.sdkAppId , state.secretKey , state.roomId , state.userId);
-            return !!(state.sdkAppId && state.secretKey && state.roomId && state.userId);
-        },
-        getUserSig(state, payload) {
-            return state.userSig || genTestUserSig({
-                sdkAppId: parseInt(state.sdkAppId, 10),
-                userId: state.userId,
-                secretKey: state.secretKey,
-            }).userSig;
-        },
+       
+    
         createShareLink(state, payload) {
             const userId = `Guest_${Math.floor(Math.random() * 1000000)}`;
             const { userSig } = genTestUserSig({