53 lines
1.7 KiB
HTML
Executable File
53 lines
1.7 KiB
HTML
Executable File
<!doctype html>
|
|
|
|
<!--
|
|
WebSocket chat client
|
|
|
|
WebSocket and WebRTC based multi-user chat sample with two-way video
|
|
calling, including use of TURN if applicable or necessary.
|
|
|
|
This file provides the structure of the chat client's web page, including
|
|
logging in, text chatting, and making private video calls to other users.
|
|
|
|
To read about how this sample works: http://bit.ly/webrtc-from-chat
|
|
|
|
Any copyright is dedicated to the Public Domain.
|
|
http: creativecommons.org/publicdomain/zero/1.0/
|
|
-->
|
|
|
|
<html>
|
|
<head>
|
|
<title>WebSocket Demo with WebRTC Calling</title>
|
|
<meta charset="utf-8">
|
|
<link href="style.css" rel="stylesheet">
|
|
<script type="text/javascript" src="client.js"></script>
|
|
<script type="text/javascript" src="adapter.js"></script>
|
|
</head>
|
|
<body>
|
|
<p>This is a simple video call example implemented using WebSockets and WebRTC.
|
|
<p>Click a username in the user list to ask them to enter a one-on-one video
|
|
call with you.</p>
|
|
<p>Enter a username: <input id="name" type="text" maxlength="12" required
|
|
autocomplete="username" inputmode="verbatim" placeholder="Username">
|
|
<input type="button" name="login" value="Log in" onclick="connect()"></p>
|
|
|
|
<div id="container" class="flexChild columnParent">
|
|
<div class="flexChild rowParent">
|
|
<div class="flexChild" id="userlist-container">
|
|
<ul id="userlistbox"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flexChild" id="camera-container">
|
|
<div class="camera-box">
|
|
<video id="received_video" autoplay></video>
|
|
<video id="local_video" autoplay muted></video>
|
|
<button id="hangup-button" onclick="hangUpCall();" disabled>
|
|
Hang Up
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|