如何在 SPA 中使用 Zoom Meeting SDK 离开会议并关闭嵌入 UI？

Question

我目前正在 VueJS 应用程序中使用 Zoom Meeting SDK。

我已成功连接到会议，但出现问题：

如果用户离开会议路线（作为 SPA），则不会重新加载浏览器，因此嵌入元素会继续显示在应用程序中。

有没有一种简单的方法可以离开会议并从 DOM 中删除 SDK UI？

如果用户单击“离开会议”按钮，它可以正常工作，但无法以编程方式离开会议并从 DOM 中删除 SDK 元素。

我已经尝试过 ZoomMTG.leaveMeeting 功能，但它只会在 2 分钟后断开用户连接，同时将 UI 保留在应用程序中。

Answer 1

您可以结合使用 v-if 来条件渲染模板代码，并使用 Zoom SDK 的 inMeetingServiceListener 函数 来监听会议断开事件，此时您可以将 v-if 设置为 false 并隐藏UI 元素。

<div id='meetingSDKElement' v-if="isConnected">
  <!-- Zoom Meeting SDK Component View Rendered Here -->
</div>

虽然你没有指定，但我假设是 Vue 3 和 Composition API：

const isConnected = ref(true)
ZoomMtg.inMeetingServiceListener('onMeetingStatus', function (status) {
  // {status: 1(connecting), 2(connected), 3(disconnected), 4(reconnecting)}
  if (status === 3) {
    isConnected.value = false
  }
});