36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="th">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>RealtimeChat</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>RealtimeChat</h1>
|
|
<p>สร้างห้องหรือเข้ารหัสห้องเพื่อเริ่มวิดีโอคอลและแชท</p>
|
|
<p>
|
|
<label>ชื่อคุณ
|
|
<input type="text" id="nick" placeholder="เช่น ครูเอ หรือ นักเรียน A" autocomplete="off">
|
|
</label>
|
|
</p>
|
|
<form id="form-create">
|
|
<input type="text" id="room-id" placeholder="ชื่อห้อง (ว่างได้ สุ่มให้)" autocomplete="off">
|
|
<input type="password" id="room-password" placeholder="รหัสผ่านห้อง (ว่างได้)" autocomplete="off">
|
|
<button type="submit">สร้างห้อง</button>
|
|
</form>
|
|
<hr>
|
|
<form id="form-join">
|
|
<input type="text" id="join-id" placeholder="รหัสห้อง" required autocomplete="off">
|
|
<input type="password" id="join-password" placeholder="รหัสผ่านห้อง" autocomplete="off">
|
|
<button type="submit">เข้าร่วม</button>
|
|
</form>
|
|
</div>
|
|
<div class="version-tag">v —</div>
|
|
<script src="/realtimechat/socket.io/socket.io.js"></script>
|
|
<script src="js/version.js?v=0.0006"></script>
|
|
<script src="js/room.js"></script>
|
|
</body>
|
|
</html>
|