Vue.js 如何将jitsi与vue一起使用？_Vue.js_Jitsi

Vue.js 如何将jitsi与vue一起使用？

vue.js

Vue.js 如何将jitsi与vue一起使用？,vue.js,jitsi,Vue.js,Jitsi,我用chrome打开了一个测试室视频会议，并在另一个浏览器选项卡中尝试了以下脚本，但没有视频，我不知道在主体部分中显示房间的内容是什么 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src='https://meet.jit.si/external_api.js'></script> <

我用chrome打开了一个测试室视频会议，并在另一个浏览器选项卡中尝试了以下脚本，但没有视频，我不知道在主体部分中显示房间的内容是什么

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src='https://meet.jit.si/external_api.js'></script>
</head>

<body>

<div id="app1">
{{ message }}
</div>

<script>

var vm1 = new Vue({
el: '#app1',
data: {
message: 'Hello Jitsi with Vue!'
}
})

const domain = 'meet.jit.si';
const options = {
roomName: 'testroom',
width: 700,
height: 700,
parentNode: document.querySelector('#meet')
};
const api = new JitsiMeetExternalAPI(domain, options);

</script>
</body>
<html>


{{message}}
var vm1=新的Vue({
el:'附录1'，
数据：{
消息：“您好，带Vue的Jitsi！”
}
})
const domain='meet.jit.si'；
常量选项={
roomName:'测试室'，
宽度：700，
身高：700，
parentNode:document.querySelector（“#满足”）
};
const api=新的JitsiMeetExternalAPI（域、选项）；

此脚本现在可以使用，请确保使用chrome作为浏览器您在此处找到的选项的文档您还可以建立自己的VideoConference服务器

api.html

<html>
<head>
<script src="https://meet.jit.si/external_api.js"></script>
</head>

<body>

<div id="meet"></div>

<script>

var domain = 'meet.jit.si';
var options = {
roomName: 'testroom',
width: 500,
height: 500,
interfaceConfigOverwrite: { filmStripOnly: false },
parentNode: document.querySelector('#meet')
};
var api = new JitsiMeetExternalAPI(domain, options);

</script>

</body>
</html>


var domain='meet.jit.si'；
变量选项={
roomName:'测试室'，
宽度：500，
身高：500，
interfaceConfigOverwrite:{filmStripOnly:false}，
parentNode:document.querySelector（“#满足”）
};
var api=新的JitsiMeetExternalAPI（域、选项）；

我相信您遗漏了一个必要的元素：“会面”


{{message}}

它由JitsiMeetExternalAPI使用：

parentNode:document.querySelector（“#满足”）