decentralized-video-chat/public/chat.html

34 lines
1015 B
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-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-25 14:02:06 +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>