/usr/share/janus/demos/admin.html is in janus-demos 0.2.6-1build2.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
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 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 | <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Janus WebRTC Gateway: Admin/Monitor</title>
<script type="text/javascript" src="javascript/jquery/jquery.min.js" ></script>
<script type="text/javascript" src="javascript/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.1.0/bootbox.min.js"></script>
<script type="text/javascript" src="admin.js"></script>
<script>
$(function() {
$(".navbar-static-top").load("navbar.html", function() {
$(".navbar-static-top li.dropdown").addClass("active");
$(".navbar-static-top a[href='admin.html']").parent().addClass("active");
});
$(".footer").load("footer.html");
});
</script>
<link rel="stylesheet" href="javascript/bootswatch/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css" type="text/css"/>
</head>
<body>
<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>
<nav class="navbar navbar-default navbar-static-top">
</nav>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-header">
<h1>Janus WebRTC Gateway: Admin/Monitor</h1>
</div>
<div>
<ul id="admintabs" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation" class="disabled"><a href="#serverinfo" aria-controls="serverinfo" role="tab" data-toggle="tab">Server Info</a></li>
<li role="presentation" class="disabled"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
<li role="presentation" class="disabled"><a href="#handlesinfo" aria-controls="handlesinfo" role="tab" data-toggle="tab">Handles</a></li>
<li role="presentation" class="disabled"><a href="#tokens" aria-controls="tokens" role="tab" data-toggle="tab">Auth Tokens</a></li>
</ul>
<div class="tab-content" style="padding: 20px;">
<div role="tabpanel" class="tab-pane fade in active" id="home">
<p>This is just an example of how you can build an UI on top of the
existing <code>Admin/Monitor</code> interface. This page will only
work as it is if you enabled the API (which is disabled by default)
and you're using the default values. Edit the backend settings in
the <code>admin.js</code> JavaScript code to adapt it to your
configuration if you changed anything.</p>
<p>The <code>Server Info</code> tab, as the name suggests, provides
you with a view of the information related to the Janus instance
you're using, e.g., in terms of the features that have been enabled,
the modules that are available and so on. That's the same info you'd
get contacting the Janus API at the <code>/janus/info</code> backend.</p>
<p>The <code>Settings</code> tab instead allows you to inspect a
few of the current settings in Janus (e.g., debug level and so on)
and provides you with a way to change them dynamically.</p>
<p>The <code>Handles</code> tab allows you to browse the currently active sessions
and handles in Janus. Selecting a specific handle will provide you
with all the current info related to it, including plugin it is
attached to, any plugin specific information that may be relevant,
ICE/DTLS states, amount of data being exchanged and so on. This
section is especially helpful when you want to debug issues with
a PeerConnection: you can find more details in
<a href="http://www.meetecho.com/blog/understanding-the-janus-admin-api/" target="_blank">this blog post</a>.</p>
<p>Finally, the <code>Auth Tokens</code> tab allows you to list
existing authentication tokens, create new ones, associate plugin
permissions and the like. This feature will only be possible if
you enabled the authentication token mechanism in Janus, of course.</p>
</div>
<div role="tabpanel" class="tab-pane fade" id="serverinfo">
<h4>Server Info</h4>
<div>
<table class="table table-striped" id="server-details">
</table>
</div>
<h4>Plugins</h4>
<div>
<table class="table table-striped" id="server-plugins">
<tr>
<th>Name</th>
<th>Author</th>
<th>Description</th>
<th>Version</th>
</tr>
</table>
</div>
<h4>Transports</h4>
<div>
<table class="table table-striped" id="server-transports">
<tr>
<th>Name</th>
<th>Author</th>
<th>Description</th>
<th>Version</th>
</tr>
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="settings">
<h4>Settings <i id="update-settings" class="fa fa-refresh" title="Refresh settings" style="cursor: pointer;"></i></h4>
<div>
<table class="table table-striped" id="server-settings">
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="handlesinfo">
<div id="sessions" class="col-md-2">
<h4>Sessions (<span id="sessions-num">0</span>) <i id="update-sessions" class="fa fa-refresh" title="Refresh list of sessions" style="cursor: pointer;"></i></h4>
<div id="sessions-list" class="list-group">
</div>
</div>
<div id="handles" class="col-md-2">
<h4>Handles (<span id="handles-num"></span>) <i id="update-handles" class="fa fa-refresh" title="Refresh list of handles" style="cursor: pointer;"></i></h4>
<div id="handles-list" class="list-group">
</div>
</div>
<div id="info" class="col-md-8">
<h4>Handle Info <i id="update-handle" class="fa fa-refresh" title="Refresh handle info" style="cursor: pointer;"></i></h4>
<div id="options" class="hide">
<label class="checkbox-inline">
<input id="autorefresh"type="checkbox" value="">Autorefresh
</label>
<label class="checkbox-inline">
<input id="prettify"type="checkbox" value="">Prettify
</label>
</div>
<div id="handle-info">
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tokens">
<h4>Auth Tokens <i id="update-tokens" class="fa fa-refresh" title="Refresh tokens" style="cursor: pointer;"></i></h4>
<div>
<table class="table table-striped" id="auth-tokens">
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="footer">
</div>
</div>
</body>
</html>
|