decentralized-video-chat/public/chat.html

39 lines
1.5 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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
2020-03-26 05:57:54 +08:00
<script src="snackbar.js"></script>
2020-03-26 12:09:59 +08:00
<meta property="og:title" content="Neonchat - Decentralized video calls">
<meta property="og:description" content="Decentralized video
calling provides real-time HD quality and latency simply
not available with traditional technology.">
<meta property="og:image" content="https://neonchat.io/public/landing/preview.png">
<meta property="og:url" content="https://neonchat.io/landing">
2020-03-22 05:23:46 +08:00
</head>
<body>
2020-03-25 05:34:57 +08:00
<div class="videos">
<video id="remote-video" height="500" autoplay ondblclick={openFullscreen()}></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
<div class="buttons" id="buttons">
<div class="center">
<a href="/landing" class="round-button">Back</a>
<a class="round-button" onclick="{openFullscreen()}">Fullscreen</a>
<a class="round-button" onclick="{muteMicrophone()}" id="muteButton">Mute </a>
2020-03-26 08:51:15 +08:00
<!-- <a class="round-button" onclick="{pauseVideo()}" id="videoPauseButton">Pause </a>-->
2020-03-25 05:34:57 +08:00
</div>
</div>
2020-03-22 05:23:46 +08:00
2020-03-26 05:57:54 +08:00
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>