-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
65 lines (59 loc) · 3.04 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
<!-- script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jssip/3.1.2/jssip.min.js"></script>
<!-- script src="https://cdnjs.cloudflare.com/ajax/libs/jssip/0.7.23/jssip.min.js"></script -->
<link rel="stylesheet" href="style.css" type="text/css" />
<!-- script src="lib/jssip.js" type="text/javascript"></script -->
<script src="index.js" type="text/javascript"></script>
<div id="errorMessage">must set sip uri/password in index.js</div>
<!-- audio id='remoteVideo' controls autoplay = "autoplay" ></audio -->
<div id="wrapper">
<div id="incomingCall" style="display: none">
<div class="callInfo">
<h3>Incoming Call</h3>
<p id="incomingCallNumber">Unknown</p>
</div>
<div id="answer"> <i class="fa fa-phone"></i></div>
<div id="reject"> <i class="fa fa-phone"></i></div>
</div>
<div id="callStatus" style="display: none">
<div class="callInfo">
<h3 id="callInfoText">info text goes here</h3>
<p id="callInfoNumber">info number goes here</p>
</div>
<div id="hangUp"> <i class="fa fa-phone"></i>
</div>
</div>
<!---------TO FIELD---------------------------------------------------->
<!---------DIALPAD---------------------------------------------------->
<div id="inCallButtons" style="display: none">
<div id="dialPad">
<div class="dialpad-char" data-value="1" unselectable="on">1</div>
<div class="dialpad-char" data-value="2" unselectable="on">2</div>
<div class="dialpad-char" data-value="3" unselectable="on">3</div>
<div class="dialpad-char" data-value="4" unselectable="on">4</div>
<div class="dialpad-char" data-value="5" unselectable="on">5</div>
<div class="dialpad-char" data-value="6" unselectable="on">6</div>
<div class="dialpad-char" data-value="7" unselectable="on">7</div>
<div class="dialpad-char" data-value="8" unselectable="on">8</div>
<div class="dialpad-char" data-value="9" unselectable="on">9</div>
<div class="dialpad-char" data-value="*" unselectable="on">*</div>
<div class="dialpad-char" data-value="0" unselectable="on">0</div>
<div class="dialpad-char" data-value="#" unselectable="on">#</div>
</div>
<div id="mute">
<i id="muteIcon" class="fa fa-microphone"></i>
</div>
</div>
<!---------DIAL CONTROLS-------------------------------------------->
<div id="callControl">
<div id="to">
<input id="toField" type="text" placeholder="Enter number here"/>
</div>
<div id="connectCall"> <i class="fa fa-phone"></i>
</div>
</div>
<!----------VEDIO COMPONENT----------------------->
<video id="localFeed" autoplay playsinline></video>
<video id="remoteFeed" autoplay playsinline></video>
<!-- button id="initVideo">Open camera for Video Call</button -->