时间戳

首页 > 解决方案 > 如何在 vue 中使用 jitsi？

vue.js - 如何在 vue 中使用 jitsi？

问题描述

我用 chrome https://meet.jit.si/testroom打开了一个测试室视频会议，并在另一个浏览器选项卡中尝试了以下脚本，但没有视频，我不知道在正文部分放置什么来显示房间？

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

标签： vue.jsjitsi

解决方案

这个脚本现在可以工作了，一定要使用 chrome 作为浏览器你在这里找到的选项的 doco https://github.com/jitsi/jitsi-meet/blob/master/doc/api.md 你也可以建立你自己的视频会议服务器

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>

推荐阅读