-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
79 lines (78 loc) · 4.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>WebRTC Reference Client</title>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" type="text/css" href="index.css">
<script type="module" src="dist/webcomponent-bundle.js"></script>
<script type="module" src="dist/web-call-example-bundle.js"></script>
</head>
<body>
<main>
<h1>
VIER Cognitive Voice Gateway<br>
WebRTC Reference Client
</h1>
<section>
<form>
<div class="form-field">
<div>
<label for="environment">Environment</label>
</div>
<div>
<input id="environment" type="text" readonly disabled>
</div>
</div>
<div class="form-field">
<div>
<label for="reseller-token">Reseller Token</label>
</div>
<div>
<input id="reseller-token" name="reseller-token" type="text">
</div>
</div>
<div class="form-field">
<div>
<label for="destination">Destination</label>
</div>
<div>
<input id="destination" name="destination" type="tel">
</div>
</div>
<p>
The following button is provided by a <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components" target="_blank">Web Component</a>.
It receives all the necessary information, in order to make a SIP call using <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API" target="_blank">WebRTC</a>, from the form above.
Attributes and lifecycle events on the Web Component allow for customization of the displayed controls during the call.
</p>
<p>
Have a look at the <a href="https://github.com/VIER-CognitiveVoice/reference-webrtc-client" target="_blank">Source Code on GitHub</a> and
specifically the files <a href="https://github.com/VIER-CognitiveVoice/reference-webrtc-client/blob/master/index.html" target="_blank"><code>index.html</code></a>,
<a href="https://github.com/VIER-CognitiveVoice/reference-webrtc-client/blob/master/index.css" target="_blank"><code>index.css</code></a> and
<a href="https://github.com/VIER-CognitiveVoice/reference-webrtc-client/blob/master/src/example.ts" target="_blank"><code>web-call-example.ts</code></a>.
</p>
<p>
If you don't have the information necessary to fill out the form and start a call, don't hesitate to get in touch
with our support at <a href="mailto:info@vier.ai">info@vier.ai</a>.
</p>
<p>
In case of technical issues with this application please report issues
<a href="https://github.com/VIER-CognitiveVoice/reference-webrtc-client/issues" target="_blank">on GitHub</a>.
Contributions through <a href="https://github.com/VIER-CognitiveVoice/reference-webrtc-client/pulls" target="_blank">Pull Requests</a> are welcome!
</p>
<div id="call-button">
<input type="submit" hidden />
<cvg-webrtc-button
volume-dtmf="0.03"
controls-side="top"
controls-left-distance="-5"
controls-top-distance="5"
>
<span>Call</span>
</cvg-webrtc-button>
</div>
</form>
</section>
</main>
</body>
</html>