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>
|