From 6c472dfd39e90d1d479c2c0ced8ce317fc4a2bfe Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 26 六月 2024 15:23:47 +0800
Subject: [PATCH] 页面优化
---
src/views/meet/index.vue | 49 ++++++++++++++++++++++++++++++++++---------------
1 files changed, 34 insertions(+), 15 deletions(-)
diff --git a/src/views/meet/index.vue b/src/views/meet/index.vue
index 8b6e996..feea68f 100644
--- a/src/views/meet/index.vue
+++ b/src/views/meet/index.vue
@@ -1,24 +1,43 @@
<template>
- <body><div id="meet" /></body>
+ <div id="meet" ref="meet" />
</template>
-<script src='https://ycl.easyblog.vip:8443/external_api.js'></script>
<script>
-let api
-const initIframeAPI = () => {
- const domain = 'ycl.easyblog.vip:8443'
- const options = {
- roomName: 'test',
- width: 700,
- height: 700,
- parentNode: document.querySelector('#meet')
+let jitsiApi = null;
+export default {
+ mounted() {
+ const width = window.innerWidth;
+ const height = window.innerHeight;
+ const domain = 'ycl.easyblog.vip:8443';
+ const options = {
+ roomName: 'test',
+ width: width,
+ height: height,
+ parentNode: this.$refs.meet,
+ lang: 'zh_CN',
+ configOverwrite: {
+ prejoinConfig: {
+ enabled: false
+ },
+ whiteboard: {
+ enabled: true
+ }
+ },
+ toolbarButtons: ['whiteboard']
+ };
+ jitsiApi = new window.JitsiMeetExternalAPI(domain, options);
+
+ jitsiApi.addListener('readyToClose', () => {
+ window.close();
+ });
}
- api = new JitsiMeetExternalAPI(domain, options)
}
-window.onload = () => {
- initIframeAPI()
-}
</script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+#meet {
+ width: 100%;
+ height: 100%;
+}
+</style>
--
Gitblit v1.8.0