自动连接语音

src/App.vue

@@ -16,4 +16,7 @@ body {
   fill: currentColor;
   overflow: hidden;
 }
+#menu-list-icon-security > .zmwebsdk-MuiListSubheader-sticky {
+  position: static;
+}
 </style>

src/views/meeting.vue

@@ -18,13 +18,13 @@
             :class="`layout-template-${templateId}`"
             ref="videoElementRef"
           ></div>
-          <like
+          <!-- <like
             v-if="screenWidth > 900"
             :meeting-id="store.getters.meetingId"
             :like="likeCount"
             :online="onlineCount"
             style="position: absolute; bottom: 1vw; right: 6vw"
-          />
+          /> -->
           <el-button
             v-if="!isFullScreen"
             :icon="FullScreen"
@@ -49,13 +49,14 @@
         />
       </div>
     </div>
-    <like
-      v-if="screenWidth <= 900"
-      :meeting-id="store.getters.meetingId"
-      :like="likeCount"
-      :online="onlineCount"
-      style="margin: 0 auto"
-    />
+    <div class="like-row">
+      <like
+        :meeting-id="store.getters.meetingId"
+        :like="likeCount"
+        :online="onlineCount"
+        style="margin: 0 auto"
+      />
+    </div>
     <el-tabs class="tabs" type="border-card">
       <el-tab-pane label="会议介绍">
         <div class="meeting-info meeting-note" v-html="meetingNote"></div>
@@ -313,6 +314,12 @@ const startMeeting = async () => {
 
     document.querySelector("#suspension-view-tab-thumbnail-gallery").click();
 
+    // 自动连接语音
+    const linkVoiceButton = document.querySelector('button[title="连接语音"]');
+    if (linkVoiceButton) {
+      linkVoiceButton.click();
+    }
+
     // 自动点击允许共享屏幕 //TODO:自动点击按钮
     if (route.name === "Host") {
       const safeButton = document.querySelector('button[title="安全"]');
@@ -321,8 +328,12 @@ const startMeeting = async () => {
         const allowScreenShare = document.querySelectorAll(
           ".zmwebsdk-MuiButtonBase-root.zmwebsdk-MuiListItem-root.zmwebsdk-MuiMenuItem-root.zmwebsdk-MuiMenuItem-gutters.zmwebsdk-MuiListItem-gutters.zmwebsdk-MuiListItem-button"
         )[1];
+        console.log("before click allow btn");
         if (allowScreenShare.childElementCount === 0) {
           allowScreenShare.click();
+          console.log("allow btn clicked");
+        } else {
+          document.body.click();
         }
       }
     }
@@ -906,6 +917,10 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
 }
 
 #app-container {
+  .like-row {
+    padding-right: 20vw;
+    background-color: #f5f5f5;
+  }
   #meeting-chat-row {
     display: flex;
     justify-content: space-between;
@@ -1063,6 +1078,9 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
   // $meetingComponentHeight: $meetingComponentWitdh * 9 / 16;
 
   #app-container {
+    .like-row {
+      padding-right: 0;
+    }
     #meeting-chat-row {
       :deep(.notInSharing
           div[id*="suspension-view-tabpanel"]