1
0
Fork 0
mirror of https://api.glitch.com/git/yaswvc synced 2026-01-12 05:08:11 +00:00
yaswvc/views/index.html
Glitch (peerjs-video) 7e13a1ce11 🚏🌑 Checkpoint
./public/main.js:5975361/4095
./views/index.html:5975361/685
2020-09-07 21:32:52 +00:00

61 lines
1.9 KiB
HTML

<!-- This is a static file -->
<!-- served from your routes in server.js -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Yet Another Simple WebRTC Video Chat">
<title>YASWVC</title>
<link id="favicon" rel="icon" href="https://glitch.com/edit/favicon-app.ico" type="image/x-icon">
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css">
<!-- import libraries -->
<script src="/lib/peerjs.js"></script>
<!-- import the webpage's client-side javascript file -->
<script src="/main.js" type="module"></script>
</head>
<body>
<h6>
local
</h6>
<video id="localVideo" autoplay></video>
<h6>
remote
</h6>
<video id="remoteVideo" autoplay></video>
<input type="text" id="connect-to-peer" />
<button onclick="connectToPeer()">
Connect
</button>
<button onclick="disconnectFromPeer()">
Disconnect
</button>
<hr>
<p>Get available audio, video sources and audio output devices from <code>mediaDevices.enumerateDevices()</code>
then set the source for <code>getUserMedia()</code> using a <code>deviceId</code> constraint.</p>
<div class="select">
<label for="audioSource">Audio input source: </label><select id="audioSource"></select>
</div>
<div class="select">
<label for="audioOutput">Audio output destination: </label><select id="audioOutput"></select>
</div>
<div class="select">
<label for="videoSource">Video source: </label><select id="videoSource"></select>
</div>
<hr>
<div class="messages">
</div>
<footer>Made with <a href="https://glitch.com">Glitch</a>!</footer>
</body>
</html>