Statistics
| Branch: | Revision:

janus-gateway / html / echotest.html @ 5e9e29e0

History | View | Annotate | Download (4.46 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: Echo Test</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="echotest.js"></script>
15
<link rel="stylesheet" href="css/cerulean/bootstrap.css" type="text/css"/>
16
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
17
<body>
18
19
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 1001;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
20
21
<nav class="navbar navbar-default navbar-static-top">
22
<div class="container">
23
        <div class="navbar-header">
24
                <a class="navbar-brand" href="index.html">Janus</a>
25
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
26
                        <span class="icon-bar"></span>
27
                        <span class="icon-bar"></span>
28
                        <span class="icon-bar"></span>
29
                </button>
30
        </div>
31
        <div class="navbar-collapse collapse">
32
                <ul class="nav navbar-nav">
33
                        <li><a href="index.html">Home</a></li>
34
                        <li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Demos <b class="caret"></b></a>
35
                                <ul class="dropdown-menu">
36
                                        <li><a href="demos.html">Index</a></li>
37
                                        <li class="divider"></li>
38
                                        <li class="active"><a href="echotest.html">Echo Test</a></li>
39
                                        <li><a href="streamingtest.html">Streaming</a></li>
40
                                        <li><a href="videocalltest.html">Video Call</a></li>
41
                                        <li><a href="siptest.html">SIP Gateway</a></li>
42
                                        <li><a href="videomcutest.html">Video MCU</a></li>
43
                                        <li><a href="audiobridgetest.html">Audio Conference</a></li>
44
                                        <li><a href="voicemailtest.html">Voice Mail</a></li>
45
                                </ul>
46
                        </li>
47
                        <li><a href="docs">Documentation</a></li>
48
                </ul>
49
                <div class="navbar-header navbar-right">
50
                        <ul class="nav navbar-nav">
51
                                <li><a href="http://www.meetecho.com" class="navbar-link"><b>Meetecho</b></a></li>
52
                        </ul>
53
                </div>
54
        </div>
55
</div>
56
</nav>
57
58
<div class="container">
59
        <div class="row">
60
                <div class="col-md-12">
61
                        <div class="page-header">
62
                                <h1>Plugin Demo: Echo Test
63
                                        <button class="btn btn-default" id="start">Start</button>
64
                                </h1>
65
                        </div>
66
                        <div class="container hide" id="videos">
67
                                <div class="row">
68
                                        <div class="col-md-6">
69
                                                <div class="panel panel-default">
70
                                                        <div class="panel-heading">
71
                                                                <h3 class="panel-title">Local Video
72
                                                                        <div class="btn-group btn-group-xs pull-right hide">
73
                                                                                <button class="btn btn-danger" id="toggleaudio">Disable audio</button>
74
                                                                                <button class="btn btn-danger" id="togglevideo">Disable video</button>
75
                                                                                <div class="btn-group btn-group-xs">
76
                                                                                        <button id="bitrateset" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
77
                                                                                                Bandwidth<span class="caret"></span>
78
                                                                                        </button>
79
                                                                                        <ul id="bitrate" class="dropdown-menu" role="menu">
80
                                                                                                <li><a href="#" id="0">No limit</a></li>
81
                                                                                                <li><a href="#" id="128">Cap to 128kbit</a></li>
82
                                                                                                <li><a href="#" id="256">Cap to 256kbit</a></li>
83
                                                                                                <li><a href="#" id="512">Cap to 512kbit</a></li>
84
                                                                                                <li><a href="#" id="1024">Cap to 1mbit</a></li>
85
                                                                                                <li><a href="#" id="1500">Cap to 1.5mbit</a></li>
86
                                                                                                <li><a href="#" id="2000">Cap to 2mbit</a></li>
87
                                                                                        </ul>
88
                                                                                </div>
89
                                                                        </div>
90
                                                                </h3>
91
                                                        </div>
92
                                                        <div class="panel-body" id="videoleft"></div>
93
                                                </div>
94
                                        </div>
95
                                        <div class="col-md-6">
96
                                                <div class="panel panel-default">
97
                                                        <div class="panel-heading">
98
                                                                <h3 class="panel-title">Remote Video <span class="label label-primary hide" id="curres"></span> <span class="label label-info hide" id="curbitrate"></span></h3>
99
                                                        </div>
100
                                                        <div class="panel-body" id="videoright"></div>
101
                                                </div>
102
                                        </div>
103
                                </div>
104
                        </div>
105
                </div>
106
        </div>
107
108
        <hr>
109
        <div class="footer">
110
        <p>Janus WebRTC Gateway &copy; <a href="http://www.meetecho.com">Meetecho</a> 2014</p>
111
        </div>
112
</div>
113
114
</body>
115
</html>