neoris/openvidu-local-deployment
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added custom-layout for v2 compatibility to PRO deloyment

Browse Source
This commit is contained in:
Carlos Santos 2024-04-26 11:47:19 +02:00
parent b444f46a5a
commit 3fe319a781
4 changed files with 95 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
pro/custom-layout/index.html
View File

@ -1,11 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recording custom layout</title>
</head>
<body>
Create here your custom layout
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OpenVidu Layout</title>
<script src="openvidu-browser-3.0.0-dev2.min.js"></script>
<script src="opentok-layout.min.js"></script>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
}
#layout {
height: 100vh;
}
</style>
</head>
<body>
<div id="layout"></div>
</body>
<script defer>
var layoutContainer = document.getElementById('layout');
// Initialize the layout container and get a reference to the layout method
var layout = initLayoutContainer(layoutContainer);
layout.layout();
var resizeTimeout;
window.onresize = function () {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(() => layout.layout(), 20);
};
var url = new URL(window.location.href);
var SESSION_ID = url.searchParams.get('sessionId');
var SECRET = url.searchParams.get('secret');
// WARNING! Use "ws://" as protocol instead of "wss://" if you are using
// the OpenVidu dev container (openvidu/openvidu-dev) through localhost
var TOKEN =
'wss://localhost:4443' +
'?sessionId=' +
SESSION_ID +
'&secret=' +
SECRET +
'&recorder=true';
var OV = new OpenVidu();
var session = OV.initSession();
session.on('streamCreated', (event) => {
session.subscribe(event.stream, 'layout');
layout.layout();
});
session.on('streamDestroyed', (event) => {
setTimeout(() => layout.layout(), 20);
});
session
.connect(TOKEN)
.then(() => {
console.log('Recorder participant connected');
layout.layout();
})
.catch((error) => {
console.error(error);
});
</script>
</html>

12
pro/custom-layout/opentok-layout.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
pro/custom-layout/openvidu-browser-3.0.0-dev2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

13
pro/custom-layout/openvidu-browser-3.0.0-dev2.min.js.LICENSE.txt Normal file
View File

@ -0,0 +1,13 @@
/*!
* EventEmitter v5.2.9 - git.io/ee
* Unlicense - http://unlicense.org/
* Oliver Caldwell - https://oli.me.uk/
* @preserve
*/
/*!
* Platform.js v1.3.6
* Copyright 2014-2020 Benjamin Tan
* Copyright 2011-2013 John-David Dalton
* Available under MIT license
*/