| | |
| | | <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, |
| | |
| | | enabled: true |
| | | } |
| | | }, |
| | | toolbarButtons: ['whiteboard'] |
| | | userInfo: { |
| | | displayName: '测试测试' |
| | | } |
| | | }; |
| | | jitsiApi = new JitsiMeetExternalAPI(domain, options); |
| | | jitsiInit(); |