| | |
|---|
| | | <template> |
|---|
| | | <body><div id="meet" /></body> |
|---|
| | | <div id="meet" ref="meet"> |
|---|
| | | <div> |
|---|
| | | <span> |
|---|
| | | {{ '156165165' }} |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </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 = this.$route.query.domain |
|---|
| | | const roomName = this.$route.query.roomName |
|---|
| | | const userInfoStr = this.$route.query.userInfoStr |
|---|
| | | const userInfo = userInfoStr ? JSON.parse(userInfoStr) : null |
|---|
| | | const options = { |
|---|
| | | roomName: roomName, |
|---|
| | | width: width, |
|---|
| | | height: height, |
|---|
| | | parentNode: this.$refs.meet, |
|---|
| | | lang: 'zh_CN', |
|---|
| | | userInfo: userInfo, |
|---|
| | | 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> |
|---|
