ZhangXianQiang
2024-06-25 a02473e11943579fa3ef4c2392624609d1475c0e
src/views/meet/index.vue
@@ -1,19 +1,25 @@
<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 {useRoute} from 'vue-router';
const route = useRoute();
const meet = ref(null);
const {meetName, id} = route.query;
let jitsiApi = null;
onMounted(() => {
  const width = window.innerWidth;
  const height = window.innerHeight;
  const domain = 'ycl.easyblog.vip:8443';
  const domain = 'ycl.easyblog.vip:8443/' + id;
  const options = {
    roomName: 'test',
    roomName: meetName,
    width: width,
    height: height,
    parentNode: meet.value,
@@ -26,7 +32,9 @@
        enabled: true
      }
    },
    toolbarButtons: ['whiteboard']
    userInfo: {
      displayName: '测试测试'
    }
  };
  jitsiApi = new JitsiMeetExternalAPI(domain, options);
  jitsiInit();