Statistics
| Branch: | Revision:

janus-gateway / html / voicemailtest.html @ 70e8fc9c

History | View | Annotate | Download (3.53 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 2c7dab14 joshdickson40
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/3.4.3/adapter.min.js" ></script>
9 5ca69d0d Lorenzo Miniero
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
10
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js" ></script>
11
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
12
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.1.0/bootbox.min.js"></script>
13
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js"></script>
14 be35facb meetecho
<script type="text/javascript" src="janus.js" ></script>
15
<script type="text/javascript" src="voicemailtest.js"></script>
16 6d795273 Lorenzo Miniero
<script>
17
        $(function() {
18
                $(".navbar-static-top").load("navbar.html", function() {
19
                        $(".navbar-static-top li.dropdown").addClass("active");
20
                        $(".navbar-static-top a[href='voicemailtest.html']").parent().addClass("active");
21
                });
22
                $(".footer").load("footer.html");
23
        });
24
</script>
25 5ca69d0d Lorenzo Miniero
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/cerulean/bootstrap.min.css" type="text/css"/>
26 be35facb meetecho
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
27 4b12fd8e meetecho
</head>
28 be35facb meetecho
<body>
29
30 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>
31 be35facb meetecho
32
<nav class="navbar navbar-default navbar-static-top">
33
</nav>
34
35
<div class="container">
36
        <div class="row">
37
                <div class="col-md-12">
38
                        <div class="page-header">
39
                                <h1>Plugin Demo: Voice Mail
40 4b870f32 meetecho
                                        <button class="btn btn-default" autocomplete="off" id="start">Start</button>
41 be35facb meetecho
                                </h1>
42
                        </div>
43 cfd5c0d6 meetecho
                        <div class="container" id="details">
44
                                <div class="row">
45
                                        <div class="col-md-12">
46
                                                <h3>Demo details</h3>
47
                                                <p>This demo showcases the functionality provided by the VoiceMail plugin. It
48 ee1ecfa0 Mihail Diordiev
                                                simply records your voice for ten seconds, and then returns both a downloadable
49 cfd5c0d6 meetecho
                                                link to the recording (in .opus format) and a new <code>&lt;audio&gt;</code> element that
50
                                                tries to reproduce the recording on the fly.</p>
51
                                                <p>Press the <code>Start</code> button above to launch the demo.</p>
52
                                        </div>
53
                                </div>
54
                        </div>
55 be35facb meetecho
                        <div class="container hide" id="voicemail">
56
                                <div class="row">
57
                                        <div class="panel panel-default">
58
                                                <div class="panel-heading">
59
                                                        <h3 class="panel-title">Click on the button to start recording your message.</h3>
60
                                                </div>
61
                                                <div class="container">
62
                                                        <div class="container">
63 7c527257 meetecho
                                                                <button class="btn btn-xs btn-danger margin-sm" autocomplete="off" id="record">Record</button>
64 be35facb meetecho
                                                                After about 10 seconds you'll receive an .opus file with the recorded frames</p>
65
                                                        </div>
66
                                                        <div id="done" class="alert alert-success hide">Recording concluded! Click
67
                                                                <a id="listen" href="#" class="alert-link">here</a> to listen to it, or
68
                                                                <a id="download" href="#" target="_blank" class="alert-link">here</a> to download to it.
69
                                                        </div>
70
                                                </div>
71
                                        </div>
72
                                </div>
73
                        </div>
74
                </div>
75
        </div>
76
77
        <hr>
78
        <div class="footer">
79
        </div>
80
</div>
81
82
</body>
83
</html>