forked from krehwell/Callntol
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (67 loc) · 3.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<title>callntol</title>
<link rel="icon" href="https://img.icons8.com/dusk/64/000000/penis.png" type="image/x-icon" />
<link href="./style/style.css" rel="stylesheet" type="text/css" />
<link href="./style/styleinput.css" rel="stylesheet" type="text/css" />
<link href="./style/stylebutton.css" rel="stylesheet" type="text/css" />
<link href="./style/stylemessage.css" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<div id="container">
<header id="header">
<h1>CallnTalk</h1>
</header>
<div id="call-container">
<div id="input__group" field>
<div class="input__wrapper">
<label class="input__label" for="peerid">Your ID</label>
<input id="peerid" class="input__field" placeholder="id" value="" type="text" readonly />
</div>
<div class="input__wrapper">
<label class="input__label" for="peertocall">Peer ID to Call</label>
<input id="peertocall" class="input__field" placeholder="input other id" type="text" />
<button id="btncall" class="button" type="button" onclick="onClickBtnCall()">Call<title>fuck you</title>
</button>
</div>
</div>
<video id="videostream" controls>
<source id="videosrc" type="video/ogg" />
<source id="videosrc" type="video/webm" />
<source id="videosrc" type="video/mp4" />
</video>
<div id="info-group">
<b> <p id="info"></p> </b>
<b> <p id="infoerror"></p> </b>
</div>
</div>
<div id="message-container">
<div id="message-sent">
<p></p>
</div>
<div class="chatbutton">
<button class="button" id="sendA" type="button" onclick="sendMessage('fucq!!!')">F**Q</button>
<button class="button" id="sendB" type="button" onclick="sendMessage('butcher..!!')">B****H</button>
<button class="button" id="sendC" type="button" onclick="sendMessage('danggg!')">D**N</button>
<button class="button" id="sendD" type="button" onclick="sendMessage('lol....')">LOL</button>
<button class="button" id="sendE" type="button" onclick="sendMessage('ok')">OK</button>
</div>
<div class="chatbutton">
<input id="manualtext" class="input__field" type="text" value="" placeholder="type message"></input>
<button id="sendManualtext" class="button" type="button" onclick="sendMessage('manualtext')">send</button>
</div>
<div id="message-header"><b>Messages</b></div>
</div>
<footer id="footer">
<p class="footertext">Code and design by <a target="_blank" href="https://en.wikipedia.org/wiki/Jesus">Me</a>, Fork on <a target="_blank" href="https://github.com/krehwell/Callntol">GitHub</a>.</p>
<p class="footertext">The CSS is based and improved from <a target="_blank" href="https://codepen.io/">CodePen</a>.</p>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/peerjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="./app/app.js"></script>
</body>
</html>