Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Move all demo pages to a demos/ subfolder #3302

Merged
merged 6 commits into from
Jan 15, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion Makefile.am
Original file line number Diff line number Diff line change
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
Original file line number Diff line number Diff line change
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
Original file line number Diff line number Diff line change
@@ -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
Original file line number Diff line number Diff line change
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
File renamed without changes.
18 changes: 12 additions & 6 deletions html/audiobridgetest.html → html/demos/audiobridge.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
16 changes: 11 additions & 5 deletions html/canvas.html → html/demos/canvas.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
20 changes: 13 additions & 7 deletions html/devicetest.html → html/demos/devices.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
18 changes: 12 additions & 6 deletions html/e2etest.html → html/demos/e2e.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
14 changes: 10 additions & 4 deletions html/echotest.html → html/demos/echotest.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
32 changes: 16 additions & 16 deletions html/demos.html → html/demos/index.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
14 changes: 10 additions & 4 deletions html/multiopus.html → html/demos/multiopus.html
Original file line number Diff line number Diff line change
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
File renamed without changes.
Loading