52 lines
1.4 KiB
HTML
52 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
|
|
<title>OpenVidu Electron</title>
|
|
<link rel="styleSheet" href="style.css" type="text/css" media="screen">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>OpenVidu Electron</h1>
|
|
We are using Node.js <span id="node-version"></span>,
|
|
Chromium <span id="chrome-version"></span>,
|
|
and Electron <span id="electron-version"></span>.
|
|
|
|
<div id="join">
|
|
<h1>Join a video session</h1>
|
|
<form onsubmit="initPublisher(); return false">
|
|
<p>
|
|
<label>Session:</label>
|
|
<input type="text" id="sessionId" value="SessionA" required>
|
|
</p>
|
|
<p>
|
|
<input id="screen-sharing" type="checkbox" name="screenshare"> Share screen?<br>
|
|
</p>
|
|
<p>
|
|
<input type="submit" value="JOIN">
|
|
</p>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="session" style="display: none;">
|
|
<h1 id="session-header"></h1>
|
|
<input type="button" onclick="leaveSession()" value="LEAVE">
|
|
<div>
|
|
<div id="publisher">
|
|
<h3>YOU</h3>
|
|
</div>
|
|
<div id="subscriber">
|
|
<h3>OTHERS</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="index.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |