Statistics
| Branch: | Revision:

janus-gateway / html / voicemailtest.html @ e67b71f9

History | View | Annotate | Download (3.07 KB)

1 be35facb meetecho
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<meta charset="utf-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7
<title>Janus WebRTC Gateway: Voice Mail Demo</title>
8
<script type="text/javascript" src="jquery.min.js" ></script>
9
<script type="text/javascript" src="jquery.blockUI.js" ></script>
10
<script type="text/javascript" src="js/bootstrap.js"></script>
11
<script type="text/javascript" src="js/bootbox.min.js"></script>
12
<script type="text/javascript" src="js/spin.min.js"></script>
13
<script type="text/javascript" src="janus.js" ></script>
14
<script type="text/javascript" src="voicemailtest.js"></script>
15 6d795273 Lorenzo Miniero
<script>
16
        $(function() {
17
                $(".navbar-static-top").load("navbar.html", function() {
18
                        $(".navbar-static-top li.dropdown").addClass("active");
19
                        $(".navbar-static-top a[href='voicemailtest.html']").parent().addClass("active");
20
                });
21
                $(".footer").load("footer.html");
22
        });
23
</script>
24 be35facb meetecho
<link rel="stylesheet" href="css/cerulean/bootstrap.css" type="text/css"/>
25
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
26 4b12fd8e meetecho
</head>
27 be35facb meetecho
<body>
28
29 ddc1f702 meetecho
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 1001;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
30 be35facb meetecho
31
<nav class="navbar navbar-default navbar-static-top">
32
</nav>
33
34
<div class="container">
35
        <div class="row">
36
                <div class="col-md-12">
37
                        <div class="page-header">
38
                                <h1>Plugin Demo: Voice Mail
39 4b870f32 meetecho
                                        <button class="btn btn-default" autocomplete="off" id="start">Start</button>
40 be35facb meetecho
                                </h1>
41
                        </div>
42 cfd5c0d6 meetecho
                        <div class="container" id="details">
43
                                <div class="row">
44
                                        <div class="col-md-12">
45
                                                <h3>Demo details</h3>
46
                                                <p>This demo showcases the functionality provided by the VoiceMail plugin. It
47 ee1ecfa0 Mihail Diordiev
                                                simply records your voice for ten seconds, and then returns both a downloadable
48 cfd5c0d6 meetecho
                                                link to the recording (in .opus format) and a new <code>&lt;audio&gt;</code> element that
49
                                                tries to reproduce the recording on the fly.</p>
50
                                                <p>Press the <code>Start</code> button above to launch the demo.</p>
51
                                        </div>
52
                                </div>
53
                        </div>
54 be35facb meetecho
                        <div class="container hide" id="voicemail">
55
                                <div class="row">
56
                                        <div class="panel panel-default">
57
                                                <div class="panel-heading">
58
                                                        <h3 class="panel-title">Click on the button to start recording your message.</h3>
59
                                                </div>
60
                                                <div class="container">
61
                                                        <div class="container">
62 7c527257 meetecho
                                                                <button class="btn btn-xs btn-danger margin-sm" autocomplete="off" id="record">Record</button>
63 be35facb meetecho
                                                                After about 10 seconds you'll receive an .opus file with the recorded frames</p>
64
                                                        </div>
65
                                                        <div id="done" class="alert alert-success hide">Recording concluded! Click
66
                                                                <a id="listen" href="#" class="alert-link">here</a> to listen to it, or
67
                                                                <a id="download" href="#" target="_blank" class="alert-link">here</a> to download to it.
68
                                                        </div>
69
                                                </div>
70
                                        </div>
71
                                </div>
72
                        </div>
73
                </div>
74
        </div>
75
76
        <hr>
77
        <div class="footer">
78
        </div>
79
</div>
80
81
</body>
82
</html>