fuliqi
2024-07-24 204d2a822b78caac40fa7bb394910a21aa0b96c2
src/views/meet/index.vue
@@ -1,18 +1,17 @@
<template>
  <div class="meet-container w-screen h-screen">
    <div>{{ JSON.stringify(route) }}</div>
    <div id="meet" ref="meet"></div>
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import {ref, onMounted} from 'vue';
import {useRoute} from 'vue-router';
const route = useRoute();
const meet = ref(null);
const {meetName, id} = route.query;
const {meetName, id, userName, userCode} = route.query;
let jitsiApi = null;
onMounted(() => {
  const width = window.innerWidth;
@@ -28,26 +27,46 @@
      prejoinConfig: {
        enabled: false
      },
      //禁用邮箱
      gravatar: {
        disabled: true
      },
      //禁用改名
      readOnlyName: true,
      remoteVideoMenu: {
        disabled: true,
        disableKick: true,
        disableGrantModerator: true
      },
      disableRemoteMute: true,
      //主持人选项
      participantsPane: {
        enabled: true,
        hideMoreActionsButton: true,
        hideModeratorSettingsTab: true,
        hideMuteAllButton: true,
      },
      whiteboard: {
        enabled: true
      }
    },
    toolbarButtons: ['whiteboard',],
    userInfo: {
      displayName: '测试测试'
      displayName: userName
    }
  };
  jitsiApi = new JitsiMeetExternalAPI(domain, options);
  jitsiInit();
});
const jitsiInit = () => {
  jitsiApi.addListener('readyToClose', () => {
  });
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped></style>