decentralized-video-chat/public/chat.html

40 lines
1.0 KiB
HTML
Raw Normal View History

2020-03-22 05:23:46 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
2020-03-24 13:04:30 +08:00
<title>Neon Chat</title>
<link rel="shortcut icon" href="landing/images/logo.svg">
<link rel="stylesheet" href="chat.css">
2020-03-22 05:23:46 +08:00
</head>
<body>
2020-03-25 06:14:05 +08:00
<!--<div class="video-overlay">-->
<!-- <p>-->
<!-- Waiting for the other person to join. Just share this URL.-->
<!-- </p>-->
<!--</div>-->
2020-03-25 05:34:57 +08:00
<div class="videos">
2020-03-25 06:14:05 +08:00
<video id="remote-video" height="500" autoplay ondblclick={this.requestFullscreen()}>
</video>
2020-03-25 05:34:57 +08:00
<video id="local-video" height="150" autoplay muted></video>
2020-03-24 13:04:30 +08:00
</div>
2020-03-22 05:23:46 +08:00
2020-03-25 05:34:57 +08:00
<div style="position: absolute; left: 50%; margin-left:-200px; bottom: 0px; z-index: 1">
<div class="buttons">
<div class="center">
<a href="http://example.com" class="round-button">Back</a>
<a href="http://example.com" class="round-button">Fullscreen</a>
<a href="http://example.com" class="round-button">Mute</a>
</div>
</div>
</div>
2020-03-22 05:23:46 +08:00
<script src="/socket.io/socket.io.js"></script>
2020-03-24 11:20:28 +08:00
<script src="/chat.js"></script>
2020-03-22 05:23:46 +08:00
</body>
</html>