javascript - 如何将 Jitsi Meet 添加到 Vuejs

Question

我已经在 public.html 的正文中加载了 jitsi meet 脚本，并且我有一个组件如下:

<template>
  <div class="container">
    <div id="meet"></div>
  </div>
</template>

<script>
export default {
  name: "ServiceMeet",
  mounted() {
    const domain = "meet.jit.si";
    const options = {
      roomName: "PickAnAppropriateMeetingNameHere",
      width: 700,
      height: 700,
      parentNode: document.querySelector("#meet"),
    };
    const api = new JitsiMeetExternalAPI(domain, options);
    console.log(api.getVideoQuality());
  },
};
</script>

当我尝试运行时，我收到一条错误消息 18:21 error 'JitsiMeetExternalAPI' is not defined no-undef ，但是在后台我可以看到 session 工作正常，所以我修复了错误或将其关闭。

Answer 1

您可以禁用 linting 错误，但我建议将其指定为 global variable反而。
.eslintrc.js

module.exports = {
  globals: {
    JitsiMeetExternalAPI: true
  }
}