From 95a27fe55990ca151cbe08f99cbeb669b4cb9dd8 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 20 六月 2024 17:07:16 +0800
Subject: [PATCH] fix:修改在线培训

---
 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