Пример создания видеоконференцсвязи в jitsi-meet
Я изучаю решения для видеоконференций на основе WebRTC. Нашли Jitsi, чтобы быть одним из видных кандидатов, чтобы посмотреть вокруг с разных позиций.
Пример кода:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<?php
$webroot = '/openemr-local';
?>
<script src="<?php echo $webroot ?>/jitsi-meet/libs/lib-jitsi-meet.min.js"></script>
<script src="<?php echo $webroot ?>/jitsi-meet/libs/jquery-2.1.1.min.js"></script>
<script src="<?php echo $webroot ?>/jitsi-meet/libs/strophe/strophe.js"></script>
<script src="<?php echo $webroot ?>/jitsi-meet/libs/strophe/strophe.disco.min.js?v=1"></script>
<script type="text/javascript" src="<?php echo $webroot ?>/jitsi-meet/example.js"></script>
</head>
<body>
<div class="container">
<div id="jitsi-test">
<span>Join Meeting Name</span><input type="text" id="meetingroom" name="meetingroom"/>
<button id="join" name="join" onclick="joinMeeting()">Join Me</button>
<button id="disconnect" name="disconnect" onclick="unload()">Disconnect</button>
</div>
<div id="video-container">
</div>
</div>
</body>
</html>
я использую example.js
из Jitsi-Meet Git Hub Пример со следующими изменениями:
const options = {
hosts: {
domain: 'beta.meet.jit.si',
muc: 'conference.beta.meet.jit.si', // FIXME: use XEP-0030
focus: 'focus.beta.meet.jit.si',
},
bosh:'//beta.meet.jit.si/http-bind', // FIXME: use xep-0156 for that
// The name of client node advertised in XEP-0115 'c' stanza
clientNode: 'http://jitsi.org/jitsimeet'
};
Видео запускается в браузере, но я не могу получить
- Соединение Обратный звонок -
onConnectionSuccess
никогда не звонят. Я поставил там отладчик. - Получение ошибки на консоли
Access to XMLHttpRequest at 'http://beta.meet.jit.si/http-bind' from origin 'http://localhost' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.
РЕДАКТИРОВАТЬ:
После добавления https:
в bosh:'//beta.meet.jit.si/http-bind'
, Ошибка CORS исчезла, а также onConnectionSuccess работает нормально.
Тем не менее, нужны некоторые указатели на примере работы конференции.
Я пытаюсь добиться чего-то похожего на приведенный ниже пример: пользовательский графический интерфейс jitsi-meet