44 lines
1.2 KiB
HTML
44 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>openvidu-web-component</title>
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
|
|
crossorigin="anonymous"></script>
|
|
|
|
|
|
<!-- OpenVidu WebComponent -->
|
|
<link rel="stylesheet" href="openvidu-webcomponent.css">
|
|
<script type='application/javascript' src='openvidu-webcomponent.js'></script>
|
|
<!-- OpenVidu WebComponent -->
|
|
|
|
<script src="app.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="main" style="text-align: center;">
|
|
<h1>Join a video session</h1>
|
|
<form onsubmit="joinSession(); return false" style="padding: 80px; margin: auto">
|
|
<p>
|
|
<label>Session:</label>
|
|
<input type="text" id="sessionId" value="SessionA" required>
|
|
</p>
|
|
<p>
|
|
<label>User:</label>
|
|
<input type="text" id="user" value="User1">
|
|
</p>
|
|
<p>
|
|
<input type="submit" value="JOIN">
|
|
</p>
|
|
</form>
|
|
</div>
|
|
|
|
<openvidu-webcomponent id="session" style="display: none;"></openvidu-webcomponent>
|
|
|
|
</body>
|
|
|
|
</html>
|