| | |
|---|
| | | <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' |
|---|
| | | 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: 700, |
|---|
| | | height: 700, |
|---|
| | | parentNode: document.querySelector('#meet') |
|---|
| | | width: width, |
|---|
| | | height: height, |
|---|
| | | parentNode: this.$refs.meet, |
|---|
| | | lang: 'zh_CN', |
|---|
| | | configOverwrite: { |
|---|
| | | prejoinConfig: { |
|---|
| | | enabled: false |
|---|
| | | }, |
|---|
| | | whiteboard: { |
|---|
| | | enabled: true |
|---|
| | | } |
|---|
| | | api = new JitsiMeetExternalAPI(domain, options) |
|---|
| | | }, |
|---|
| | | toolbarButtons: ['whiteboard'] |
|---|
| | | }; |
|---|
| | | jitsiApi = new window.JitsiMeetExternalAPI(domain, options); |
|---|
| | | |
|---|
| | | jitsiApi.addListener('readyToClose', () => { |
|---|
| | | window.close(); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | window.onload = () => { |
|---|
| | | initIframeAPI() |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped></style> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | #meet { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
