Skip to content

Commit

Permalink
Move all demo pages to a demos/ subfolder (#3302)
Browse files Browse the repository at this point in the history
  • Loading branch information
@lminiero
lminiero committed Jan 15, 2024
1 parent 2fa046b commit 5a10a6c
Show file tree
Hide file tree
Showing 52 changed files with 298 additions and 145 deletions.
2 changes: 1 addition & 1 deletion Makefile.am
View file
Expand Up @@ -25,7 +25,7 @@ demosdir = $(datadir)/janus/demos
demos_DATA = $(NULL)

jsmodulesdir = $(datadir)/janus/javascript
jsmodules_DATA = html/janus.js
jsmodules_DATA = html/demos/janus.js

%.sample: %.sample.in
$(MKDIR_P) $(@D)
Expand Down
2 changes: 1 addition & 1 deletion docs/header.html
View file
Expand Up @@ -33,7 +33,7 @@
<div class="navbar-collapse collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="https://janus.conf.meetecho.com/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="https://janus.conf.meetecho.com/">Demos</a></li>
<li class="nav-item"><a class="nav-link" href="https://janus.conf.meetecho.com/demos/">Demos</a></li>
<li class="nav-item"><a class="nav-link active" href="index.html">Documentation</a></li>
<li class="nav-item"><a class="nav-link" href="https://janus.conf.meetecho.com/citeus.html">Papers</a></li>
<li class="nav-item"><a class="nav-link" href="https://janus.conf.meetecho.com/support.html">Need help?</a></li>
Expand Down
2 changes: 1 addition & 1 deletion html/Makefile.am
View file
@@ -1,4 +1,4 @@
demodir = $(datadir)/janus/demos
demodir = $(datadir)/janus/html

html-local:
true
Expand Down
6 changes: 3 additions & 3 deletions html/admin.html → html/demos/admin.html
View file
Expand Up @@ -16,16 +16,16 @@
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='admin.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.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: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand Down
0 html/admin.js → html/demos/admin.js
View file
File renamed without changes.
18 changes: 12 additions & 6 deletions html/audiobridgetest.html → html/demos/audiobridge.html
View file
Expand Up @@ -14,24 +14,24 @@
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.6.2/bootstrap-slider.min.js"></script>
<script type="text/javascript" src="settings.js" ></script>
<script type="text/javascript" src="janus.js" ></script>
<script type="text/javascript" src="audiobridgetest.js"></script>
<script type="text/javascript" src="audiobridge.js"></script>
<script>
$(function() {
$(".fixed-top").load("navbar.html", function() {
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='audiobridgetest.html']").addClass("active");
$(".fixed-top a[href='audiobridge.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.6.2/css/bootstrap-slider.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: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -44,7 +44,13 @@ <h1>Plugin Demo: Audio Bridge (mixed)
<button class="btn btn-secondary" autocomplete="off" id="start">Start</button>
</h1>
</div>
<div class="container mt-5" id="details">
<div class="container" id="details">
<div class="row">
<div class="alert alert-primary mt-2 mb-5">
Want to learn more about the <strong>AudioBridge</strong> plugin?
Check the <a target="_blank" href="https://janus.conf.meetecho.com/docs/audiobridge">Documentation</a>.
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Demo details</h3>
Expand Down
0 html/audiobridgetest.js → html/demos/audiobridge.js
View file
File renamed without changes.
16 changes: 11 additions & 5 deletions html/canvas.html → html/demos/canvas.html
View file
Expand Up @@ -21,17 +21,17 @@
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='canvas.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>

<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -44,10 +44,16 @@ <h1>Plugin Demo: Canvas Capture
<button class="btn btn-secondary" autocomplete="off" id="start">Start</button>
</h1>
</div>
<div class="container mt-5" id="details">
<div class="container" id="details">
<div class="row">
<div class="alert alert-primary mt-2 mb-5">
Want to learn more about the <strong>EchoTest</strong> plugin?
Check the <a target="_blank" href="https://janus.conf.meetecho.com/docs/echotest">Documentation</a>.
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 class="mt-3">Demo details</h3>
<h3>Demo details</h3>
<p>This is a variant of the Echo Test demo meant to showcase how
you can use an HTML5 <code>canvas</code> element as a WebRTC media
source: everything is exactly the same in term of available controls,
Expand Down
0 html/canvas.js → html/demos/canvas.js
View file
File renamed without changes.
20 changes: 13 additions & 7 deletions html/devicetest.html → html/demos/devices.html
View file
Expand Up @@ -14,24 +14,24 @@
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
<script type="text/javascript" src="settings.js" ></script>
<script type="text/javascript" src="janus.js" ></script>
<script type="text/javascript" src="devicetest.js"></script>
<script type="text/javascript" src="devices.js"></script>
<script>
$(function() {
$(".fixed-top").load("navbar.html", function() {
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='devicetest.html']").addClass("active");
$(".fixed-top a[href='devices.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>

<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -44,10 +44,16 @@ <h1>Device Selection
<button class="btn btn-secondary" autocomplete="off" id="start">Start</button>
</h1>
</div>
<div class="container mt-5" id="details">
<div class="container" id="details">
<div class="row">
<div class="alert alert-primary mt-2 mb-5">
Want to learn more about the <strong>EchoTest</strong> plugin?
Check the <a target="_blank" href="https://janus.conf.meetecho.com/docs/echotest">Documentation</a>.
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 class="mt-3">Demo details</h3>
<h3>Demo details</h3>
<p>This is a variant of the Echo Test demo: everything is exactly
the same in term of available controls, features, and the like, with
the substantial difference that you can select which of the available
Expand Down
0 html/devicetest.js → html/demos/devices.js
View file
File renamed without changes.
18 changes: 12 additions & 6 deletions html/e2etest.html → html/demos/e2e.html
View file
Expand Up @@ -14,24 +14,24 @@
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
<script type="text/javascript" src="settings.js" ></script>
<script type="text/javascript" src="janus.js" ></script>
<script type="text/javascript" src="e2etest.js"></script>
<script type="text/javascript" src="e2e.js"></script>
<script>
$(function() {
$(".fixed-top").load("navbar.html", function() {
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='e2etest.html']").addClass("active");
$(".fixed-top a[href='e2e.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>

<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -44,7 +44,13 @@ <h1>Plugin Demo: End-to-end Encryption
<button class="btn btn-secondary" autocomplete="off" id="start">Start</button>
</h1>
</div>
<div class="container mt-5" id="details">
<div class="container" id="details">
<div class="row">
<div class="alert alert-primary mt-2 mb-5">
Want to learn more about the <strong>EchoTest</strong> plugin?
Check the <a target="_blank" href="https://janus.conf.meetecho.com/docs/echotest">Documentation</a>.
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Demo details</h3>
Expand Down
0 html/e2etest.js → html/demos/e2e.js
View file
File renamed without changes.
14 changes: 10 additions & 4 deletions html/echotest.html → html/demos/echotest.html
View file
Expand Up @@ -21,17 +21,17 @@
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='echotest.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>

<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -44,7 +44,13 @@ <h1>Plugin Demo: Echo Test
<button class="btn btn-secondary" autocomplete="off" id="start">Start</button>
</h1>
</div>
<div class="container mt-5" id="details">
<div class="container" id="details">
<div class="row">
<div class="alert alert-primary mt-2 mb-5">
Want to learn more about the <strong>EchoTest</strong> plugin?
Check the <a target="_blank" href="https://janus.conf.meetecho.com/docs/echotest">Documentation</a>.
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Demo details</h3>
Expand Down
0 html/echotest.js → html/demos/echotest.js
View file
File renamed without changes.
32 changes: 16 additions & 16 deletions html/demos.html → html/demos/index.html
View file
Expand Up @@ -12,17 +12,17 @@
$(function() {
$(".fixed-top").load("navbar.html", function() {
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='demos.html']").addClass("active");
$(".fixed-top a[href='index.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.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: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -42,39 +42,39 @@ <h1>Janus WebRTC Server: Demo Tests</h1>
<td>A simple Echo Test demo, with knobs to control the bitrate.</td>
</tr>
<tr>
<td><a href="streamingtest.html">Streaming</a></td>
<td><a href="streaming.html">Streaming</a></td>
<td>A media Streaming demo, with sample live and on-demand streams.</td>
</tr>
<tr>
<td><a href="videocalltest.html">Video Call</a></td>
<td><a href="videocall.html">Video Call</a></td>
<td>A Video Call demo, a bit like AppRTC but with media passing through Janus.</td>
</tr>
<tr>
<td><a href="siptest.html">SIP Gateway</a></td>
<td><a href="sip.html">SIP Gateway</a></td>
<td>A SIP Gateway demo, allowing you to register at a SIP server and start/receive calls.</td>
</tr>
<tr>
<td><a href="videoroomtest.html">Video Room</a></td>
<td><a href="videoroom.html">Video Room</a></td>
<td>A videoconferencing demo, allowing you to join a video room with up to six users.</td>
</tr>
<tr>
<td><a href="mvideoroomtest.html">Video Room (multistream)</a></td>
<td><a href="mvideoroom.html">Video Room (multistream)</a></td>
<td>The same videoconferencing demo, but using one PeerConnection to receive multiple streams.</td>
</tr>
<tr>
<td><a href="audiobridgetest.html">Audio Room</a></td>
<td><a href="audiobridge.html">Audio Room</a></td>
<td>An audio mixing/bridge demo, allowing you join an Audio Room.</td>
</tr>
<tr>
<td><a href="textroomtest.html">Text Room</a></td>
<td><a href="textroom.html">Text Room</a></td>
<td>A text room demo, using DataChannels only.</td>
</tr>
<tr>
<td><a href="recordplaytest.html">Recorder/Playout</a></td>
<td><a href="recordplay.html">Recorder/Playout</a></td>
<td>A demo to record audio/video messages, and subsequently replay them through WebRTC.</td>
</tr>
<tr>
<td><a href="screensharingtest.html">Screen Sharing</a></td>
<td><a href="screensharing.html">Screen Sharing</a></td>
<td>A webinar-like screen sharing session, based on the Video Room plugin.</td>
</tr>
</table>
Expand All @@ -83,7 +83,7 @@ <h1>Janus WebRTC Server: Demo Tests</h1>
<td class="table-info" colspan=2><h3>Other legacy demos</h3></td>
</tr>
<tr>
<td><a href="nosiptest.html">NoSIP (SDP/RTP)</a></td>
<td><a href="nosip.html">NoSIP (SDP/RTP)</a></td>
<td>A legacy interop demo (e.g., with a SIP peer) where signalling is up to the application.</td>
</tr>
</table>
Expand All @@ -92,11 +92,11 @@ <h1>Janus WebRTC Server: Demo Tests</h1>
<td class="table-info" colspan=2><h3>Advanced demos</h3></td>
</tr>
<tr>
<td><a href="devicetest.html">Device Selection</a></td>
<td><a href="devices.html">Device Selection</a></td>
<td>A variant of the Echo Test demo, that allows you to choose a specific capture device.</td>
</tr>
<tr>
<td><a href="e2etest.html">End-to-end Encryption</a></td>
<td><a href="e2e.html">End-to-end Encryption</a></td>
<td>A variant of the Echo Test demo, that allows you to encrypt the video in a way that Janus can't access it, but can still route it.</td>
</tr>
<tr>
Expand Down
0 html/janus.js → html/demos/janus.js
View file
File renamed without changes.
14 changes: 10 additions & 4 deletions html/multiopus.html → html/demos/multiopus.html
View file
Expand Up @@ -21,17 +21,17 @@
$(".fixed-top li.dropdown").addClass("active");
$(".fixed-top a[href='multiopus.html']").addClass("active");
});
$(".footer").load("footer.html");
$(".footer").load("../footer.html");
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>

<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/meetecho/janus-gateway"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2001;" src="../forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
</div>
Expand All @@ -44,7 +44,13 @@ <h1>Plugin Demo: Multichannel Opus (surround)
<button class="btn btn-secondary" autocomplete="off" id="start">Start</button>
</h1>
</div>
<div class="container mt-5" id="details">
<div class="container" id="details">
<div class="row">
<div class="alert alert-primary mt-2 mb-5">
Want to learn more about the <strong>EchoTest</strong> plugin?
Check the <a target="_blank" href="https://janus.conf.meetecho.com/docs/echotest">Documentation</a>.
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Demo details</h3>
Expand Down
0 html/multiopus.js → html/demos/multiopus.js
View file
File renamed without changes.

0 comments on commit 5a10a6c

Please sign in to comment.