diff --git a/actions/janus b/actions/janus
new file mode 100755
index 000000000..bb9f76773
--- /dev/null
+++ b/actions/janus
@@ -0,0 +1,46 @@
+#!/usr/bin/python3
+# SPDX-License-Identifier: AGPL-3.0-or-later
+"""
+Configuration helper for Janus server.
+"""
+
+import argparse
+
+from plinth import action_utils
+
+JANUS_CONF_PATH = '/etc/janus/janus.jcfg'
+
+
+def parse_arguments():
+    """Return parsed command line arguments as dictionary"""
+    parser = argparse.ArgumentParser()
+    subparsers = parser.add_subparsers(dest='subcommand', help='Sub command')
+    subparsers.add_parser('setup', help='Configure Janus server')
+    subparsers.required = True
+    return parser.parse_args()
+
+
+def subcommand_setup(_):
+    """Configure Janus server."""
+    with open(JANUS_CONF_PATH, 'r') as config_file:
+        config_lines = config_file.readlines()
+
+    with open(JANUS_CONF_PATH, 'w') as config_file:
+        for line in config_lines:
+            if '#rtp_port_range' in line:
+                config_file.write("\trtp_port_range = \"50176-51199\"\n")
+            else:
+                config_file.write(line)
+
+    action_utils.service_try_restart('janus')
+
+
+def main():
+    arguments = parse_arguments()
+    sub_command = arguments.subcommand.replace('-', '_')
+    sub_command_method = globals()['subcommand_' + sub_command]
+    sub_command_method(arguments)
+
+
+if __name__ == '__main__':
+    main()
diff --git a/debian/copyright b/debian/copyright
index a1a39ba1d..e0a3a8c61 100644
--- a/debian/copyright
+++ b/debian/copyright
@@ -123,6 +123,11 @@ Files: static/themes/default/icons/infinoted.png
 Copyright: 2008-2014 Armin Burgmeier <armin@arbur.net>
 License: ISC
 
+Files: static/themes/default/icons/janus.png
+       static/themes/default/icons/janus.svg
+Copyright: 2014-2022 Meetecho
+License: GPL-3 with OpenSSL exception
+
 Files: static/themes/default/icons/macos.png
        static/themes/default/icons/macos.svg
 Copyright: Vectors Market (https://thenounproject.com/vectorsmarket/)
@@ -2655,6 +2660,30 @@ License: GPL-3
  On Debian systems you will find a copy of the GPL (version 3) at
  /usr/share/common-licenses/GPL-3.
 
+License: GPL-3 with OpenSSL exception
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, version 3.
+ .
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+ .
+ You should have received a copy of the GNU General Public License
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
+ .
+ On Debian systems you will find a copy of the GPL (version 3) at
+ /usr/share/common-licenses/GPL-3.
+ .
+ If you modify this Program, or any covered work, by linking or
+ combining it with OpenSSL (or a modified version of that library),
+ containing parts covered by the terms of OpenSSL License, the
+ licensors of this Program grant you additional permission to convey
+ the resulting work. Corresponding Source for a non-source form of
+ such a combination shall include the source code for the parts of
+ openssl used as well as that of the covered work.
+
 License: GPL-3+
  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
diff --git a/plinth/modules/coturn/components.py b/plinth/modules/coturn/components.py
index 441ad0ffa..8489a8a63 100644
--- a/plinth/modules/coturn/components.py
+++ b/plinth/modules/coturn/components.py
@@ -4,12 +4,20 @@
 
 from __future__ import annotations  # Can be removed in Python 3.10
 
+import base64
+import hashlib
+import hmac
 import json
 import re
 from dataclasses import dataclass, field
+from time import time
 
 from plinth import app
 
+TURN_REST_TTL = 24 * 3600
+
+TURN_REST_USER = 'fbxturnuser'
+
 TURN_URI_REGEX = r'(stun|turn):(.*):([0-9]{4})\?transport=(tcp|udp)'
 
 
@@ -55,6 +63,32 @@ class TurnConfiguration:
         return all(map(pattern.match, turn_uris))
 
 
+@dataclass
+class UserTurnConfiguration(TurnConfiguration):
+    """Data class to hold per-user TURN server configuration.
+
+    username is a string to identify a specific user and is related to
+    the credential.
+
+    credential is a string generated for this user that must be used
+    by a server to be accepted by Coturn server. It is generated for
+    each user separately upon request and will expire after a set
+    time.
+
+    """
+    username: str = None
+    credential: str = None
+
+    def to_json(self) -> str:
+        """Return a JSON representation of the configuration."""
+        return json.dumps({
+            'domain': self.domain,
+            'uris': self.uris,
+            'username': self.username,
+            'credential': self.credential
+        })
+
+
 class TurnConsumer(app.FollowerComponent):
     """Component to manage coturn configuration.
 
@@ -96,3 +130,29 @@ class TurnConsumer(app.FollowerComponent):
         """Return current coturn configuration."""
         from plinth.modules import coturn
         return coturn.get_config()
+
+
+class TurnTimeLimitedConsumer(TurnConsumer):
+    """Component to manage coturn configuration with time-limited
+    credential.
+
+    This component will generate a new credential upon each request,
+    which will expire after 1 day. The shared secret is used to
+    generate the credential, but is not provided in the configuration.
+
+    """
+
+    def get_configuration(self) -> UserTurnConfiguration:
+        """Return user coturn configuration."""
+        from plinth.modules import coturn
+        static_config = coturn.get_config()
+        timestamp = int(time()) + TURN_REST_TTL
+        username = str(timestamp) + ':' + TURN_REST_USER
+        credential = None
+        if static_config.shared_secret:
+            digest = hmac.new(bytes(static_config.shared_secret, 'utf-8'),
+                              bytes(username, 'utf-8'), hashlib.sha1).digest()
+            credential = base64.b64encode(digest).decode()
+
+        return UserTurnConfiguration(static_config.domain, static_config.uris,
+                                     None, username, credential)
diff --git a/plinth/modules/coturn/tests/test_components.py b/plinth/modules/coturn/tests/test_components.py
index 0e3d0d719..bf7678888 100644
--- a/plinth/modules/coturn/tests/test_components.py
+++ b/plinth/modules/coturn/tests/test_components.py
@@ -10,7 +10,8 @@ import pytest
 from plinth.utils import random_string
 
 from .. import notify_configuration_change
-from ..components import TurnConfiguration, TurnConsumer
+from ..components import (TurnConfiguration, TurnConsumer,
+                          TurnTimeLimitedConsumer, UserTurnConfiguration)
 
 
 @pytest.fixture(name='turn_configuration')
@@ -48,13 +49,23 @@ def test_configuration_init():
     assert config.domain == 'test-domain.example'
     assert config.uris == ['test-uri1', 'test-uri2']
 
+    config = UserTurnConfiguration('test-domain.example',
+                                   ['test-uri1', 'test-uri2'], None,
+                                   'test-username', 'test-credential')
+    assert config.domain == 'test-domain.example'
+    assert config.uris == ['test-uri1', 'test-uri2']
+    assert config.shared_secret is None
+    assert config.username == 'test-username'
+    assert config.credential == 'test-credential'
+
 
 def test_component_init_and_list():
     """Test initializing and listing all the components."""
     component1 = TurnConsumer('component1')
     component2 = TurnConsumer('component2')
+    component3 = TurnTimeLimitedConsumer('component3')
     assert component1.component_id == 'component1'
-    assert [component1, component2] == list(TurnConsumer.list())
+    assert [component1, component2, component3] == list(TurnConsumer.list())
 
 
 @patch('plinth.modules.coturn.get_config')
@@ -73,3 +84,16 @@ def test_get_configuration(get_config, turn_configuration):
     get_config.return_value = turn_configuration
     component = TurnConsumer('component')
     assert component.get_configuration() == turn_configuration
+
+
+@patch('plinth.modules.coturn.get_config')
+def test_get_user_configuration(get_config, turn_configuration):
+    """Test coturn user configuration retrieval using component."""
+    get_config.return_value = turn_configuration
+    component = TurnTimeLimitedConsumer('component')
+    user_config = component.get_configuration()
+    assert user_config.domain == turn_configuration.domain
+    assert user_config.uris == turn_configuration.uris
+    assert user_config.shared_secret is None
+    assert user_config.username is not None
+    assert user_config.credential is not None
diff --git a/plinth/modules/janus/__init__.py b/plinth/modules/janus/__init__.py
new file mode 100644
index 000000000..671bb89f4
--- /dev/null
+++ b/plinth/modules/janus/__init__.py
@@ -0,0 +1,94 @@
+# SPDX-License-Identifier: AGPL-3.0-or-later
+"""
+FreedomBox app for janus.
+"""
+
+from django.urls import reverse_lazy
+from django.utils.translation import gettext_lazy as _
+
+from plinth import actions
+from plinth import app as app_module
+from plinth import frontpage, menu
+from plinth.daemon import Daemon
+from plinth.modules.apache.components import Webserver
+from plinth.modules.backups.components import BackupRestore
+from plinth.modules.coturn.components import TurnTimeLimitedConsumer
+from plinth.modules.firewall.components import Firewall
+from plinth.package import Packages
+
+from . import manifest
+
+_description = [
+    _('Janus is a lightweight WebRTC server.'),
+    _('A simple video conference room is included.'),
+    _('A STUN/TURN server (such as Coturn) is required to use Janus.'),
+]
+
+app = None
+
+
+class JanusApp(app_module.App):
+    """FreedomBox app for janus."""
+
+    app_id = 'janus'
+
+    _version = 1
+
+    def __init__(self):
+        """Create components for the app."""
+        super().__init__()
+
+        info = app_module.Info(self.app_id, self._version, name=_('Janus'),
+                               icon_filename='janus',
+                               short_description=_('WebRTC server'),
+                               description=_description, manual_page='Janus',
+                               clients=manifest.clients)
+        self.add(info)
+
+        menu_item = menu.Menu('menu-janus', info.name, info.short_description,
+                              info.icon_filename, 'janus:index',
+                              parent_url_name='apps')
+        self.add(menu_item)
+
+        shortcut = frontpage.Shortcut('shortcut-janus', info.name,
+                                      info.short_description,
+                                      info.icon_filename,
+                                      reverse_lazy('janus:room'),
+                                      clients=manifest.clients)
+        self.add(shortcut)
+
+        packages = Packages('packages-janus', [
+            'janus', 'libjs-bootbox', 'libjs-bootstrap', 'libjs-bootswatch',
+            'libjs-janus-gateway', 'libjs-jquery-blockui', 'libjs-spin.js',
+            'libjs-toastr', 'libjs-webrtc-adapter'
+        ])
+        self.add(packages)
+
+        firewall = Firewall('firewall-janus', info.name,
+                            ports=['http', 'https',
+                                   'janus-freedombox'], is_external=True)
+        self.add(firewall)
+
+        webserver = Webserver('webserver-janus', 'janus-freedombox')
+        self.add(webserver)
+
+        daemon = Daemon(
+            'daemon-janus', 'janus', listen_ports=[(8088, 'tcp4'),
+                                                   (8088, 'tcp6'),
+                                                   (8188, 'tcp4'),
+                                                   (8188, 'tcp6')])
+        self.add(daemon)
+
+        turn = TurnTimeLimitedConsumer('turn-janus')
+        self.add(turn)
+
+        backup_restore = BackupRestore('backup-restore-janus',
+                                       **manifest.backup)
+        self.add(backup_restore)
+
+
+def setup(helper, old_version=None):
+    """Install and configure the app."""
+    app.setup(old_version)
+    actions.superuser_run('janus', ['setup'])
+    helper.call('post', app.enable)
diff --git a/plinth/modules/janus/data/etc/apache2/conf-available/janus-freedombox.conf b/plinth/modules/janus/data/etc/apache2/conf-available/janus-freedombox.conf
new file mode 100644
index 000000000..557e1845a
--- /dev/null
+++ b/plinth/modules/janus/data/etc/apache2/conf-available/janus-freedombox.conf
@@ -0,0 +1,13 @@
+##
+## On all sites, provide Janus web and websockets APIs.
+##
+
+<Location /janus>
+    ProxyPass http://127.0.0.1:8088/janus retry=0
+    ProxyPassReverse http://127.0.0.1:8088/janus
+</Location>
+
+<Location /janus-ws>
+    ProxyPass ws://127.0.0.1:8188 retry=0
+    ProxyPassReverse ws://127.0.0.1:8188
+</Location>
diff --git a/plinth/modules/janus/data/etc/plinth/modules-enabled/janus b/plinth/modules/janus/data/etc/plinth/modules-enabled/janus
new file mode 100644
index 000000000..de2941f29
--- /dev/null
+++ b/plinth/modules/janus/data/etc/plinth/modules-enabled/janus
@@ -0,0 +1 @@
+plinth.modules.janus
diff --git a/plinth/modules/janus/data/usr/lib/firewalld/services/janus-freedombox.xml b/plinth/modules/janus/data/usr/lib/firewalld/services/janus-freedombox.xml
new file mode 100644
index 000000000..f13f1a016
--- /dev/null
+++ b/plinth/modules/janus/data/usr/lib/firewalld/services/janus-freedombox.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<service>
+  <short>Janus WebRTC server/gateway</short>
+  <description>Janus is a minimal, general purpose WebRTC server/gateway. It provides the means to set up a WebRTC media communication with a browser or application, exchanging JSON messages with it over different transports, and relaying RTP/RTCP and messages between clients and the server-side application logic they're attached to.  Any specific feature/application is provided by server side plugins.</description>
+  <port protocol="udp" port="50176-51199"/>
+</service>
diff --git a/plinth/modules/janus/manifest.py b/plinth/modules/janus/manifest.py
new file mode 100644
index 000000000..53aa2a9cb
--- /dev/null
+++ b/plinth/modules/janus/manifest.py
@@ -0,0 +1,14 @@
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+from django.urls import reverse_lazy
+from django.utils.translation import gettext_lazy as _
+
+clients = [{
+    'name': _('Janus Video Room'),
+    'platforms': [{
+        'type': 'web',
+        'url': reverse_lazy('janus:room')
+    }]
+}]
+
+backup = {}
diff --git a/plinth/modules/janus/static/janus-freedombox-config.js b/plinth/modules/janus/static/janus-freedombox-config.js
new file mode 100644
index 000000000..25978634e
--- /dev/null
+++ b/plinth/modules/janus/static/janus-freedombox-config.js
@@ -0,0 +1,32 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+/*
+#
+# This file is part of FreedomBox.
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as
+# published by the Free Software Foundation, either version 3 of the
+# License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#
+*/
+
+var server = "/janus";
+var iceServers = null;
+var token = "";
+var apisecret = "";
+
+$(document).ready(function() {
+    const body = document.querySelector('body');
+    const config = JSON.parse(body.getAttribute('data-user-turn-config'));
+    iceServers = [{urls: config['uris'],
+                   username: config['username'],
+                   credential: config['credential']}];
+});
diff --git a/plinth/modules/janus/static/janus-video-room.css b/plinth/modules/janus/static/janus-video-room.css
new file mode 100644
index 000000000..efd9c56b4
--- /dev/null
+++ b/plinth/modules/janus/static/janus-video-room.css
@@ -0,0 +1,170 @@
+/*
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+# This file based on example code from Janus Demos which is licensed as
+# follows.
+#
+# 2014-2022  Meetecho
+#
+# GPL-3 with OpenSSL exception
+# If you modify this Program, or any covered work,
+# by linking or combining it with OpenSSL
+# (or a modified version of that library),
+# containing parts covered by the terms of OpenSSL License,
+# the licensors of this Program grant you
+# additional permission to convey the resulting work.
+# Corresponding Source for a non-source form of such a combination
+# shall include the source code for the parts of openssl used
+# as well as that of the covered work.
+*/
+
+.footer {
+    display: none;
+}
+
+.rounded {
+        border-radius: 5px;
+}
+
+.centered {
+        display: block;
+        margin: auto;
+}
+
+.relative {
+        position: relative;
+}
+
+.navbar-brand {
+        margin-left: 0px !important;
+}
+
+.navbar-default {
+        -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
+        -moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
+        box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
+}
+
+.navbar-header {
+        padding-left: 40px;
+}
+
+.margin-sm {
+        margin: 5px !important;
+}
+.margin-md {
+        margin: 10px !important;
+}
+.margin-xl {
+        margin: 20px !important;
+}
+.margin-bottom-sm {
+        margin-bottom: 5px !important;
+}
+.margin-bottom-md {
+        margin-bottom: 10px !important;
+}
+.margin-bottom-xl {
+        margin-bottom: 20px !important;
+}
+
+.divider {
+        width: 100%;
+        text-align: center;
+}
+
+.divider hr {
+        margin-left: auto;
+        margin-right: auto;
+        width: 45%;
+}
+
+div.no-video-container {
+        position: relative;
+}
+
+.no-video-icon {
+        width: 100%;
+        height: 240px;
+        text-align: center;
+}
+
+.no-video-text {
+        text-align: center;
+        position: absolute;
+        bottom: 0px;
+        right: 0px;
+        left: 0px;
+        font-size: 24px;
+}
+
+.no-video-text-sm {
+        text-align: center;
+        position: absolute;
+        bottom: 0px;
+        right: 0px;
+        left: 0px;
+        font-size: 16px;
+}
+
+.meetecho-logo {
+        padding: 12px !important;
+}
+
+.meetecho-logo > img {
+        height: 26px;
+}
+
+pre {
+        white-space: pre-wrap;
+        white-space: -moz-pre-wrap;
+        white-space: -pre-wrap;
+        white-space: -o-pre-wrap;
+        word-wrap: break-word;
+}
+
+.januscon {
+        font-weight: bold;
+        animation: pulsating 1s infinite;
+}
+@keyframes pulsating {
+        30% {
+                color: #FFD700;
+        }
+}
+
+.mute-button {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    margin: 15px;
+}
+
+.unpublish-button {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    margin: 15px;
+}
+
+.resolution-label {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    margin: 15px;
+}
+
+.bitrate-label {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    margin: 15px;
+}
+
+.simulcast-button-group {
+    width: 100%;
+}
+
+.simulcast-button {
+    width: 33%;
+}
diff --git a/plinth/modules/janus/static/janus-video-room.js b/plinth/modules/janus/static/janus-video-room.js
new file mode 100644
index 000000000..f71e2efa8
--- /dev/null
+++ b/plinth/modules/janus/static/janus-video-room.js
@@ -0,0 +1,1015 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+/*
+#
+# This file is part of FreedomBox.
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as
+# published by the Free Software Foundation, either version 3 of the
+# License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#
+
+# This file based on example code from Janus Demos which is licensed as
+# follows.
+#
+# 2014-2022  Meetecho
+#
+# GPL-3 with OpenSSL exception
+# If you modify this Program, or any covered work,
+# by linking or combining it with OpenSSL
+# (or a modified version of that library),
+# containing parts covered by the terms of OpenSSL License,
+# the licensors of this Program grant you
+# additional permission to convey the resulting work.
+# Corresponding Source for a non-source form of such a combination
+# shall include the source code for the parts of openssl used
+# as well as that of the covered work.
+*/
+
+var janus = null;
+var sfutest = null;
+var opaqueId = "videoroomtest-"+Janus.randomString(12);
+
+var myroom = 1234;      // Demo room
+if(getQueryStringValue("room") !== "")
+    myroom = parseInt(getQueryStringValue("room"));
+var myusername = null;
+var myid = null;
+var mystream = null;
+// We use this other ID just to map our subscriptions to us
+var mypvtid = null;
+
+var remoteFeed = null;
+var feeds = {}, feedStreams = {}, subStreams = {}, slots = {}, mids = {}, subscriptions = {};
+var localTracks = {}, localVideos = 0, remoteTracks = {};
+var bitrateTimer = [], simulcastStarted = {};
+
+var doSimulcast = (getQueryStringValue("simulcast") === "yes" || getQueryStringValue("simulcast") === "true");
+var acodec = (getQueryStringValue("acodec") !== "" ? getQueryStringValue("acodec") : null);
+var vcodec = (getQueryStringValue("vcodec") !== "" ? getQueryStringValue("vcodec") : null);
+var subscriber_mode = (getQueryStringValue("subscriber-mode") === "yes" || getQueryStringValue("subscriber-mode") === "true");
+
+$(document).ready(function() {
+    // Initialize the library (all console debuggers enabled)
+    Janus.init({debug: "all", callback: function() {
+        // Use a button to start the video room
+        $('#start').one('click', function() {
+            $(this).attr('disabled', true).unbind('click');
+            // Make sure the browser supports WebRTC
+            if(!Janus.isWebrtcSupported()) {
+                bootbox.alert("No WebRTC support... ");
+                return;
+            }
+            // Create session
+            janus = new Janus(
+                {
+                    server: server,
+                    iceServers: iceServers,
+                    token: token,
+                    apisecret: apisecret,
+                    success: function() {
+                        // Attach to video room test plugin
+                        janus.attach(
+                            {
+                                plugin: "janus.plugin.videoroom",
+                                opaqueId: opaqueId,
+                                success: function(pluginHandle) {
+                                    $('#details').remove();
+                                    sfutest = pluginHandle;
+                                    Janus.log("Plugin attached! (" + sfutest.getPlugin() + ", id=" + sfutest.getId() + ")");
+                                    Janus.log("  -- This is a publisher/manager");
+                                    // Prepare the username registration
+                                    $('#videojoin').removeClass('hide').show();
+                                    $('#registernow').removeClass('hide').show();
+                                    $('#register').click(registerUsername);
+                                    $('#username').focus();
+                                    $('#start').removeAttr('disabled').html("Stop")
+                                        .click(function() {
+                                            $(this).attr('disabled', true);
+                                            janus.destroy();
+                                        });
+                                },
+                                error: function(error) {
+                                    Janus.error("  -- Error attaching plugin...", error);
+                                    bootbox.alert("Error attaching plugin... " + error);
+                                },
+                                consentDialog: function(on) {
+                                    Janus.debug("Consent dialog should be " + (on ? "on" : "off") + " now");
+                                },
+                                iceState: function(state) {
+                                    Janus.log("ICE state changed to " + state);
+                                },
+                                mediaState: function(medium, on, mid) {
+                                    Janus.log("Janus " + (on ? "started" : "stopped") + " receiving our " + medium + " (mid=" + mid + ")");
+                                },
+                                webrtcState: function(on) {
+                                    Janus.log("Janus says our WebRTC PeerConnection is " + (on ? "up" : "down") + " now");
+                                    $("#videolocal").parent().parent().unblock();
+                                    if(!on)
+                                        return;
+                                    $('#publish').remove();
+                                    // This controls allows us to override the global room bitrate cap
+                                    $('#bitrate').parent().parent().removeClass('hide').show();
+                                    $('#bitrate a').click(function() {
+                                        var id = $(this).attr("id");
+                                        var bitrate = parseInt(id)*1000;
+                                        if(bitrate === 0) {
+                                            Janus.log("Not limiting bandwidth via REMB");
+                                        } else {
+                                            Janus.log("Capping bandwidth to " + bitrate + " via REMB");
+                                        }
+                                        $('#bitrateset').html($(this).html() + '<span class="caret"></span>').parent().removeClass('open');
+                                        sfutest.send({ message: { request: "configure", bitrate: bitrate }});
+                                        return false;
+                                    });
+                                },
+                                slowLink: function(uplink, lost, mid) {
+                                    Janus.warn("Janus reports problems " + (uplink ? "sending" : "receiving") +
+                                               " packets on mid " + mid + " (" + lost + " lost packets)");
+                                },
+                                onmessage: function(msg, jsep) {
+                                    Janus.debug(" ::: Got a message (publisher) :::", msg);
+                                    var event = msg["videoroom"];
+                                    Janus.debug("Event: " + event);
+                                    if(event != undefined && event != null) {
+                                        if(event === "joined") {
+                                            // Publisher/manager created, negotiate WebRTC and attach to existing feeds, if any
+                                            myid = msg["id"];
+                                            mypvtid = msg["private_id"];
+                                            Janus.log("Successfully joined room " + msg["room"] + " with ID " + myid);
+                                            if(subscriber_mode) {
+                                                $('#videojoin').hide();
+                                                $('#videos').removeClass('hide').show();
+                                            } else {
+                                                publishOwnFeed(true);
+                                            }
+                                            // Any new feed to attach to?
+                                            if(msg["publishers"]) {
+                                                var list = msg["publishers"];
+                                                Janus.debug("Got a list of available publishers/feeds:", list);
+                                                var sources = null;
+                                                for(var f in list) {
+                                                    var id = list[f]["id"];
+                                                    var display = list[f]["display"];
+                                                    var streams = list[f]["streams"];
+                                                    for(var i in streams) {
+                                                        var stream = streams[i];
+                                                        stream["id"] = id;
+                                                        stream["display"] = display;
+                                                    }
+                                                    feedStreams[id] = {
+                                                        id: id,
+                                                        display: display,
+                                                        streams: streams
+                                                    }
+                                                    Janus.debug("  >> [" + id + "] " + display + ":", streams);
+                                                    if(!sources)
+                                                        sources = [];
+                                                    sources.push(streams);
+                                                }
+                                                if(sources)
+                                                    subscribeTo(sources);
+                                            }
+                                        } else if(event === "destroyed") {
+                                            // The room has been destroyed
+                                            Janus.warn("The room has been destroyed!");
+                                            bootbox.alert("The room has been destroyed", function() {
+                                                window.location.reload();
+                                            });
+                                        } else if(event === "event") {
+                                            // Any info on our streams or a new feed to attach to?
+                                            if(msg["streams"]) {
+                                                var streams = msg["streams"];
+                                                for(var i in streams) {
+                                                    var stream = streams[i];
+                                                    stream["id"] = myid;
+                                                    stream["display"] = myusername;
+                                                }
+                                                feedStreams[myid] = {
+                                                    id: myid,
+                                                    display: myusername,
+                                                    streams: streams
+                                                }
+                                            } else if(msg["publishers"]) {
+                                                var list = msg["publishers"];
+                                                Janus.debug("Got a list of available publishers/feeds:", list);
+                                                var sources = null;
+                                                for(var f in list) {
+                                                    var id = list[f]["id"];
+                                                    var display = list[f]["display"];
+                                                    var streams = list[f]["streams"];
+                                                    for(var i in streams) {
+                                                        var stream = streams[i];
+                                                        stream["id"] = id;
+                                                        stream["display"] = display;
+                                                    }
+                                                    feedStreams[id] = {
+                                                        id: id,
+                                                        display: display,
+                                                        streams: streams
+                                                    }
+                                                    Janus.debug("  >> [" + id + "] " + display + ":", streams);
+                                                    if(!sources)
+                                                        sources = [];
+                                                    sources.push(streams);
+                                                }
+                                                if(sources)
+                                                    subscribeTo(sources);
+                                            } else if(msg["leaving"]) {
+                                                // One of the publishers has gone away?
+                                                var leaving = msg["leaving"];
+                                                Janus.log("Publisher left: " + leaving);
+                                                unsubscribeFrom(leaving);
+                                            } else if(msg["unpublished"]) {
+                                                // One of the publishers has unpublished?
+                                                var unpublished = msg["unpublished"];
+                                                Janus.log("Publisher left: " + unpublished);
+                                                if(unpublished === 'ok') {
+                                                    // That's us
+                                                    sfutest.hangup();
+                                                    return;
+                                                }
+                                                unsubscribeFrom(unpublished);
+                                            } else if(msg["error"]) {
+                                                if(msg["error_code"] === 426) {
+                                                    // This is a "no such room" error: give a more meaningful description
+                                                    bootbox.alert(
+                                                        "<p>Apparently room <code>" + myroom + "</code> (the one this page uses as a test room) " +
+                                                            "does not exist...</p><p>Do you have an updated <code>janus.plugin.videoroom.cfg</code> " +
+                                                            "configuration file? If not, make sure you copy the details of room <code>" + myroom + "</code> " +
+                                                            "from that sample in your current configuration file, then restart Janus and try again."
+                                                    );
+                                                } else {
+                                                    bootbox.alert(msg["error"]);
+                                                }
+                                            }
+                                        }
+                                    }
+                                    if(jsep) {
+                                        Janus.debug("Handling SDP as well...", jsep);
+                                        sfutest.handleRemoteJsep({ jsep: jsep });
+                                        // Check if any of the media we wanted to publish has
+                                        // been rejected (e.g., wrong or unsupported codec)
+                                        var audio = msg["audio_codec"];
+                                        if(mystream && mystream.getAudioTracks() && mystream.getAudioTracks().length > 0 && !audio) {
+                                            // Audio has been rejected
+                                            toastr.warning("Our audio stream has been rejected, viewers won't hear us");
+                                        }
+                                        var video = msg["video_codec"];
+                                        if(mystream && mystream.getVideoTracks() && mystream.getVideoTracks().length > 0 && !video) {
+                                            // Video has been rejected
+                                            toastr.warning("Our video stream has been rejected, viewers won't see us");
+                                            // Hide the webcam video
+                                            $('#myvideo').hide();
+                                            $('#videolocal').append(
+                                                '<div class="no-video-container">' +
+                                                    '<span class="no-video-text-sm">Video rejected, no webcam</span>' +
+                                                    '</div>');
+                                        }
+                                    }
+                                },
+                                onlocaltrack: function(track, on) {
+                                    Janus.debug(" ::: Got a local track event :::");
+                                    Janus.debug("Local track " + (on ? "added" : "removed") + ":", track);
+                                    // We use the track ID as name of the element, but it may contain invalid characters
+                                    var trackId = track.id.replace(/[{}]/g, "");
+                                    if(!on) {
+                                        // Track removed, get rid of the stream and the rendering
+                                        var stream = localTracks[trackId];
+                                        if(stream) {
+                                            try {
+                                                var tracks = stream.getTracks();
+                                                for(var i in tracks) {
+                                                    var mst = tracks[i];
+                                                    if(mst)
+                                                        mst.stop();
+                                                }
+                                            } catch(e) {}
+                                        }
+                                        if(track.kind === "video") {
+                                            $('#myvideo' + trackId).remove();
+                                            localVideos--;
+                                            if(localVideos === 0) {
+                                                // No video, at least for now: show a placeholder
+                                                if($('#videolocal .no-video-container').length === 0) {
+                                                    $('#videolocal').append(
+                                                        '<div class="no-video-container">' +
+                                                            '<span class="no-video-text">No webcam available</span>' +
+                                                            '</div>');
+                                                }
+                                            }
+                                        }
+                                        delete localTracks[trackId];
+                                        return;
+                                    }
+                                    // If we're here, a new track was added
+                                    var stream = localTracks[trackId];
+                                    if(stream) {
+                                        // We've been here already
+                                        return;
+                                    }
+                                    $('#videos').removeClass('hide').show();
+                                    if($('#mute').length === 0) {
+                                        // Add a 'mute' button
+                                        $('#videolocal').append('<button class="btn btn-warning btn-xs mute-button" id="mute">Mute</button>');
+                                        $('#mute').click(toggleMute);
+                                        // Add an 'unpublish' button
+                                        $('#videolocal').append('<button class="btn btn-warning btn-xs unpublish-button" id="unpublish">Unpublish</button>');
+                                        $('#unpublish').click(unpublishOwnFeed);
+                                    }
+                                    if(track.kind === "audio") {
+                                        // We ignore local audio tracks, they'd generate echo anyway
+                                        if(localVideos === 0) {
+                                            // No video, at least for now: show a placeholder
+                                            if($('#videolocal .no-video-container').length === 0) {
+                                                $('#videolocal').append(
+                                                    '<div class="no-video-container">' +
+                                                        '<span class="no-video-text">No webcam available</span>' +
+                                                        '</div>');
+                                            }
+                                        }
+                                    } else {
+                                        // New video track: create a stream out of it
+                                        localVideos++;
+                                        $('#videolocal .no-video-container').remove();
+                                        stream = new MediaStream();
+                                        stream.addTrack(track.clone());
+                                        localTracks[trackId] = stream;
+                                        Janus.log("Created local stream:", stream);
+                                        Janus.log(stream.getTracks());
+                                        Janus.log(stream.getVideoTracks());
+                                        $('#videolocal').append('<video class="rounded centered" id="myvideo' + trackId + '" width=100% autoplay playsinline muted="muted"/>');
+                                        Janus.attachMediaStream($('#myvideo' + trackId).get(0), stream);
+                                    }
+                                    if(sfutest.webrtcStuff.pc.iceConnectionState !== "completed" &&
+                                       sfutest.webrtcStuff.pc.iceConnectionState !== "connected") {
+                                        $("#videolocal").parent().parent().block({
+                                            message: '<b>Publishing...</b>',
+                                            css: {
+                                                border: 'none',
+                                                backgroundColor: 'transparent',
+                                                color: 'white'
+                                            }
+                                        });
+                                    }
+                                },
+                                onremotetrack: function(track, mid, on) {
+                                    // The publisher stream is sendonly, we don't expect anything here
+                                },
+                                oncleanup: function() {
+                                    Janus.log(" ::: Got a cleanup notification: we are unpublished now :::");
+                                    mystream = null;
+                                    delete feedStreams[myid];
+                                    $('#videolocal').html('<button id="publish" class="btn btn-primary">Publish</button>');
+                                    $('#publish').click(function() { publishOwnFeed(true); });
+                                    $("#videolocal").parent().parent().unblock();
+                                    $('#bitrate').parent().parent().addClass('hide');
+                                    $('#bitrate a').unbind('click');
+                                    localTracks = {};
+                                    localVideos = 0;
+                                }
+                            });
+                    },
+                    error: function(error) {
+                        Janus.error(error);
+                        bootbox.alert(error, function() {
+                            window.location.reload();
+                        });
+                    },
+                    destroyed: function() {
+                        window.location.reload();
+                    }
+                });
+        });
+    }});
+});
+
+function checkEnter(field, event) {
+    var theCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
+    if(theCode == 13) {
+        registerUsername();
+        return false;
+    } else {
+        return true;
+    }
+}
+
+function registerUsername() {
+    if($('#username').length === 0) {
+        // Create fields to register
+        $('#register').click(registerUsername);
+        $('#username').focus();
+    } else {
+        // Try a registration
+        $('#username').attr('disabled', true);
+        $('#register').attr('disabled', true).unbind('click');
+        var username = $('#username').val();
+        if(username === "") {
+            $('#you')
+                .removeClass().addClass('label label-warning')
+                .html("Insert your display name (e.g., pippo)");
+            $('#username').removeAttr('disabled');
+            $('#register').removeAttr('disabled').click(registerUsername);
+            return;
+        }
+        if(/[^a-zA-Z0-9]/.test(username)) {
+            $('#you')
+                .removeClass().addClass('label label-warning')
+                .html('Input is not alphanumeric');
+            $('#username').removeAttr('disabled').val("");
+            $('#register').removeAttr('disabled').click(registerUsername);
+            return;
+        }
+        var register = {
+            request: "join",
+            room: myroom,
+            ptype: "publisher",
+            display: username
+        };
+        myusername = escapeXmlTags(username);
+        sfutest.send({ message: register });
+    }
+}
+
+function publishOwnFeed(useAudio) {
+    // Publish our stream
+    $('#publish').attr('disabled', true).unbind('click');
+    sfutest.createOffer(
+        {
+            // Add data:true here if you want to publish datachannels as well
+            media: { audioRecv: false, videoRecv: false, audioSend: useAudio, videoSend: true },        // Publishers are sendonly
+            // If you want to test simulcasting (Chrome and Firefox only), then
+            // pass a ?simulcast=true when opening this demo page: it will turn
+            // the following 'simulcast' property to pass to janus.js to true
+            simulcast: doSimulcast,
+            success: function(jsep) {
+                Janus.debug("Got publisher SDP!");
+                Janus.debug(jsep);
+                var publish = { request: "configure", audio: useAudio, video: true };
+                // You can force a specific codec to use when publishing by using the
+                // audiocodec and videocodec properties, for instance:
+                //              publish["audiocodec"] = "opus"
+                // to force Opus as the audio codec to use, or:
+                //              publish["videocodec"] = "vp9"
+                // to force VP9 as the videocodec to use. In both case, though, forcing
+                // a codec will only work if: (1) the codec is actually in the SDP (and
+                // so the browser supports it), and (2) the codec is in the list of
+                // allowed codecs in a room. With respect to the point (2) above,
+                // refer to the text in janus.plugin.videoroom.cfg for more details
+                if(acodec)
+                    publish["audiocodec"] = acodec;
+                if(vcodec)
+                    publish["videocodec"] = vcodec;
+                sfutest.send({ message: publish, jsep: jsep });
+            },
+            error: function(error) {
+                Janus.error("WebRTC error:", error);
+                if (useAudio) {
+                    publishOwnFeed(false);
+                } else {
+                    bootbox.alert("WebRTC error... " + error.message);
+                    $('#publish').removeAttr('disabled').click(function() { publishOwnFeed(true); });
+                }
+            }
+        });
+}
+
+function toggleMute() {
+    var muted = sfutest.isAudioMuted();
+    Janus.log((muted ? "Unmuting" : "Muting") + " local stream...");
+    if(muted)
+        sfutest.unmuteAudio();
+    else
+        sfutest.muteAudio();
+    muted = sfutest.isAudioMuted();
+    $('#mute').html(muted ? "Unmute" : "Mute");
+}
+
+function unpublishOwnFeed() {
+    // Unpublish our stream
+    $('#unpublish').attr('disabled', true).unbind('click');
+    var unpublish = { request: "unpublish" };
+    sfutest.send({ message: unpublish });
+}
+
+var creatingSubscription = false;
+function subscribeTo(sources) {
+    // Check if we're still creating the subscription handle
+    if(creatingSubscription) {
+        // Still working on the handle, send this request later when it's ready
+        setTimeout(function() {
+            subscribeTo(sources);
+        }, 500);
+        return;
+    }
+    // If we already have a working subscription handle, just update that one
+    if(remoteFeed) {
+        // Prepare the streams to subscribe to, as an array: we have the list of
+        // streams the feeds are publishing, so we can choose what to pick or skip
+        var subscription = [];
+        for(var s in sources) {
+            var streams = sources[s];
+            for(var i in streams) {
+                var stream = streams[i];
+                // If the publisher is VP8/VP9 and this is an older Safari, let's avoid video
+                if(stream.type === "video" && Janus.webRTCAdapter.browserDetails.browser === "safari" &&
+                   (stream.codec === "vp9" || (stream.codec === "vp8" && !Janus.safariVp8))) {
+                    toastr.warning("Publisher is using " + stream.codec.toUpperCase +
+                                   ", but Safari doesn't support it: disabling video stream #" + stream.mindex);
+                    continue;
+                }
+                if(stream.disabled) {
+                    Janus.log("Disabled stream:", stream);
+                    // TODO Skipping for now, we should unsubscribe
+                    continue;
+                }
+                if(subscriptions[stream.id] && subscriptions[stream.id][stream.mid]) {
+                    Janus.log("Already subscribed to stream, skipping:", stream);
+                    continue;
+                }
+                // Find an empty slot in the UI for each new source
+                if(!feedStreams[stream.id].slot) {
+                    var slot;
+                    for(var i=1;i<6;i++) {
+                        if(!feeds[i]) {
+                            slot = i;
+                            feeds[slot] = stream.id;
+                            feedStreams[stream.id].slot = slot;
+                            feedStreams[stream.id].remoteVideos = 0;
+                            $('#remote' + slot).removeClass('hide').html(escapeXmlTags(stream.display)).show();
+                            break;
+                        }
+                    }
+                }
+                subscription.push({
+                    feed: stream.id,    // This is mandatory
+                    mid: stream.mid             // This is optional (all streams, if missing)
+                });
+                if(!subscriptions[stream.id])
+                    subscriptions[stream.id] = {};
+                subscriptions[stream.id][stream.mid] = true;
+            }
+        }
+        if(subscription.length === 0) {
+            // Nothing to do
+            return;
+        }
+        remoteFeed.send({ message: {
+            request: "subscribe",
+            streams: subscription
+        }});
+        // Nothing else we need to do
+        return;
+    }
+    // If we got here, we're creating a new handle for the subscriptions (we only need one)
+    creatingSubscription = true;
+    janus.attach(
+        {
+            plugin: "janus.plugin.videoroom",
+            opaqueId: opaqueId,
+            success: function(pluginHandle) {
+                remoteFeed = pluginHandle;
+                remoteTracks = {};
+                Janus.log("Plugin attached! (" + remoteFeed.getPlugin() + ", id=" + remoteFeed.getId() + ")");
+                Janus.log("  -- This is a multistream subscriber");
+                // Prepare the streams to subscribe to, as an array: we have the list of
+                // streams the feed is publishing, so we can choose what to pick or skip
+                var subscription = [];
+                for(var s in sources) {
+                    var streams = sources[s];
+                    for(var i in streams) {
+                        var stream = streams[i];
+                        // If the publisher is VP8/VP9 and this is an older Safari, let's avoid video
+                        if(stream.type === "video" && Janus.webRTCAdapter.browserDetails.browser === "safari" &&
+                           (stream.codec === "vp9" || (stream.codec === "vp8" && !Janus.safariVp8))) {
+                            toastr.warning("Publisher is using " + stream.codec.toUpperCase +
+                                           ", but Safari doesn't support it: disabling video stream #" + stream.mindex);
+                            continue;
+                        }
+                        if(stream.disabled) {
+                            Janus.log("Disabled stream:", stream);
+                            // TODO Skipping for now, we should unsubscribe
+                            continue;
+                        }
+                        Janus.log("Subscribed to " + stream.id + "/" + stream.mid + "?", subscriptions);
+                        if(subscriptions[stream.id] && subscriptions[stream.id][stream.mid]) {
+                            Janus.log("Already subscribed to stream, skipping:", stream);
+                            continue;
+                        }
+                        // Find an empty slot in the UI for each new source
+                        if(!feedStreams[stream.id].slot) {
+                            var slot;
+                            for(var i=1;i<6;i++) {
+                                if(!feeds[i]) {
+                                    slot = i;
+                                    feeds[slot] = stream.id;
+                                    feedStreams[stream.id].slot = slot;
+                                    feedStreams[stream.id].remoteVideos = 0;
+                                    $('#remote' + slot).removeClass('hide').html(escapeXmlTags(stream.display)).show();
+                                    break;
+                                }
+                            }
+                        }
+                        subscription.push({
+                            feed: stream.id,    // This is mandatory
+                            mid: stream.mid             // This is optional (all streams, if missing)
+                        });
+                        if(!subscriptions[stream.id])
+                            subscriptions[stream.id] = {};
+                        subscriptions[stream.id][stream.mid] = true;
+                    }
+                }
+                // We wait for the plugin to send us an offer
+                var subscribe = {
+                    request: "join",
+                    room: myroom,
+                    ptype: "subscriber",
+                    streams: subscription,
+                    private_id: mypvtid
+                };
+                remoteFeed.send({ message: subscribe });
+            },
+            error: function(error) {
+                Janus.error("  -- Error attaching plugin...", error);
+                bootbox.alert("Error attaching plugin... " + error);
+            },
+            iceState: function(state) {
+                Janus.log("ICE state (remote feed) changed to " + state);
+            },
+            webrtcState: function(on) {
+                Janus.log("Janus says this WebRTC PeerConnection (remote feed) is " + (on ? "up" : "down") + " now");
+            },
+            slowLink: function(uplink, lost, mid) {
+                Janus.warn("Janus reports problems " + (uplink ? "sending" : "receiving") +
+                           " packets on mid " + mid + " (" + lost + " lost packets)");
+            },
+            onmessage: function(msg, jsep) {
+                Janus.debug(" ::: Got a message (subscriber) :::", msg);
+                var event = msg["videoroom"];
+                Janus.debug("Event: " + event);
+                if(msg["error"]) {
+                    bootbox.alert(msg["error"]);
+                } else if(event) {
+                    if(event === "attached") {
+                        // Now we have a working subscription, next requests will update this one
+                        creatingSubscription = false;
+                        Janus.log("Successfully attached to feed in room " + msg["room"]);
+                    } else if(event === "event") {
+                        // Check if we got an event on a simulcast-related event from this publisher
+                        var mid = msg["mid"];
+                        var substream = msg["substream"];
+                        var temporal = msg["temporal"];
+                        if((substream !== null && substream !== undefined) || (temporal !== null && temporal !== undefined)) {
+                            // Check which this feed this refers to
+                            var sub = subStreams[mid];
+                            var feed = feedStreams[sub.feed_id];
+                            var slot = slots[mid];
+                            if(!simulcastStarted[slot]) {
+                                simulcastStarted[slot] = true;
+                                // Add some new buttons
+                                addSimulcastButtons(slot, true);
+                            }
+                            // We just received notice that there's been a switch, update the buttons
+                            updateSimulcastButtons(slot, substream, temporal);
+                        }
+                    } else {
+                        // What has just happened?
+                    }
+                }
+                if(msg["streams"]) {
+                    // Update map of subscriptions by mid
+                    for(var i in msg["streams"]) {
+                        var mid = msg["streams"][i]["mid"];
+                        subStreams[mid] = msg["streams"][i];
+                        var feed = feedStreams[msg["streams"][i]["feed_id"]];
+                        if(feed && feed.slot) {
+                            slots[mid] = feed.slot;
+                            mids[feed.slot] = mid;
+                        }
+                    }
+                }
+                if(jsep) {
+                    Janus.debug("Handling SDP as well...", jsep);
+                    // Answer and attach
+                    remoteFeed.createAnswer(
+                        {
+                            jsep: jsep,
+                            // Add data:true here if you want to subscribe to datachannels as well
+                            // (obviously only works if the publisher offered them in the first place)
+                            media: { audioSend: false, videoSend: false },      // We want recvonly audio/video
+                            success: function(jsep) {
+                                Janus.debug("Got SDP!");
+                                Janus.debug(jsep);
+                                var body = { request: "start", room: myroom };
+                                remoteFeed.send({ message: body, jsep: jsep });
+                            },
+                            error: function(error) {
+                                Janus.error("WebRTC error:", error);
+                                bootbox.alert("WebRTC error... " + error.message);
+                            }
+                        });
+                }
+            },
+            onlocaltrack: function(track, on) {
+                // The subscriber stream is recvonly, we don't expect anything here
+            },
+            onremotetrack: function(track, mid, on) {
+                Janus.debug("Remote track (mid=" + mid + ") " + (on ? "added" : "removed") + ":", track);
+                // Which publisher are we getting on this mid?
+                var sub = subStreams[mid];
+                var feed = feedStreams[sub.feed_id];
+                Janus.debug(" >> This track is coming from feed " + sub.feed_id + ":", feed);
+                var slot = slots[mid];
+                if(feed && !slot) {
+                    slot = feed.slot;
+                    slots[mid] = feed.slot;
+                    mids[feed.slot] = mid;
+                }
+                Janus.debug(" >> mid " + mid + " is in slot " + slot);
+                if(!on) {
+                    // Track removed, get rid of the stream and the rendering
+                    var stream = remoteTracks[mid];
+                    if(stream) {
+                        try {
+                            var tracks = stream.getTracks();
+                            for(var i in tracks) {
+                                var mst = tracks[i];
+                                if(mst)
+                                    mst.stop();
+                            }
+                        } catch(e) {}
+                    }
+                    $('#remotevideo' + slot + '-' + mid).remove();
+                    if(track.kind === "video" && feed) {
+                        feed.remoteVideos--;
+                        if(feed.remoteVideos === 0) {
+                            // No video, at least for now: show a placeholder
+                            if($('#videoremote' + slot + ' .no-video-container').length === 0) {
+                                $('#videoremote' + slot).append(
+                                    '<div class="no-video-container">' +
+                                        '<span class="no-video-text">No remote video available</span>' +
+                                        '</div>');
+                            }
+                        }
+                    }
+                    delete remoteTracks[mid];
+                    delete slots[mid];
+                    delete mids[slot];
+                    return;
+                }
+                // If we're here, a new track was added
+                if(feed.spinner) {
+                    feed.spinner.stop();
+                    feed.spinner = null;
+                }
+                if($('#remotevideo' + slot + '-' + mid).length > 0)
+                    return;
+                if(track.kind === "audio") {
+                    // New audio track: create a stream out of it, and use a hidden <audio> element
+                    stream = new MediaStream();
+                    stream.addTrack(track.clone());
+                    remoteTracks[mid] = stream;
+                    Janus.log("Created remote audio stream:", stream);
+                    $('#videoremote' + slot).append('<audio class="hide" id="remotevideo' + slot + '-' + mid + '" autoplay playsinline/>');
+                    Janus.attachMediaStream($('#remotevideo' + slot + '-' + mid).get(0), stream);
+                    if(feed.remoteVideos === 0) {
+                        // No video, at least for now: show a placeholder
+                        if($('#videoremote' + slot + ' .no-video-container').length === 0) {
+                            $('#videoremote' + slot).append(
+                                '<div class="no-video-container">' +
+                                    '<span class="no-video-text">No remote video available</span>' +
+                                    '</div>');
+                        }
+                    }
+                } else {
+                    // New video track: create a stream out of it
+                    feed.remoteVideos++;
+                    $('#videoremote' + slot + ' .no-video-container').remove();
+                    stream = new MediaStream();
+                    stream.addTrack(track.clone());
+                    remoteTracks[mid] = stream;
+                    Janus.log("Created remote video stream:", stream);
+                    $('#videoremote' + slot).append('<video class="rounded centered" id="remotevideo' + slot + '-' + mid + '" width=100% autoplay playsinline/>');
+                    $('#videoremote' + slot).append(
+                        '<span class="label label-primary hide resolution-label" id="curres'+slot+'"></span>' +
+                            '<span class="label label-info hide bitrate-label" id="curbitrate'+slot+'"></span>');
+                    Janus.attachMediaStream($('#remotevideo' + slot + '-' + mid).get(0), stream);
+                    // Note: we'll need this for additional videos too
+                    if(!bitrateTimer[slot]) {
+                        $('#curbitrate' + slot).removeClass('hide').show();
+                        bitrateTimer[slot] = setInterval(function() {
+                            if(!$("#videoremote" + slot + ' video').get(0))
+                                return;
+                            // Display updated bitrate, if supported
+                            var bitrate = remoteFeed.getBitrate(mid);
+                            $('#curbitrate' + slot).text(bitrate);
+                            // Check if the resolution changed too
+                            var width = $("#videoremote" + slot + ' video').get(0).videoWidth;
+                            var height = $("#videoremote" + slot + ' video').get(0).videoHeight;
+                            if(width > 0 && height > 0)
+                                $('#curres' + slot).removeClass('hide').text(width+'x'+height).show();
+                        }, 1000);
+                    }
+                }
+            },
+            oncleanup: function() {
+                Janus.log(" ::: Got a cleanup notification (remote feed) :::");
+                for(var i=1;i<6;i++) {
+                    $('#remotevideo'+i).remove();
+                    $('#waitingvideo'+i).remove();
+                    $('#novideo'+i).remove();
+                    $('#curbitrate'+i).remove();
+                    $('#curres'+i).remove();
+                    if(bitrateTimer[i])
+                        clearInterval(bitrateTimer[i]);
+                    bitrateTimer[i] = null;
+                    feedStreams[i].simulcastStarted = false;
+                    feedStreams[i].remoteVideos = 0;
+                    $('#simulcast'+i).remove();
+                }
+                remoteTracks = {};
+            }
+        });
+}
+
+function unsubscribeFrom(id) {
+    // Unsubscribe from this publisher
+    var feed = feedStreams[id];
+    if(!feed)
+        return;
+    Janus.debug("Feed " + id + " (" + feed.display + ") has left the room, detaching");
+    if(bitrateTimer[feed.slot])
+        clearInterval(bitrateTimer[feed.slot]);
+    bitrateTimer[feed.slot] = null;
+    $('#remote' + feed.slot).empty().hide();
+    $('#videoremote' + feed.slot).empty();
+    delete simulcastStarted[feed.slot];
+    $('#simulcast' + feed.slot).remove();
+    delete feeds[feed.slot];
+    feeds.slot = 0;
+    delete feedStreams[id];
+    // Send an unsubscribe request
+    var unsubscribe = {
+        request: "unsubscribe",
+        streams: [{ feed: id }]
+    };
+    if(remoteFeed != null)
+        remoteFeed.send({ message: unsubscribe });
+    delete subscriptions[id];
+}
+
+// Helper to parse query string
+function getQueryStringValue(name) {
+    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
+    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
+        results = regex.exec(location.search);
+    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
+}
+
+// Helper to escape XML tags
+function escapeXmlTags(value) {
+    if(value) {
+        var escapedValue = value.replace(new RegExp('<', 'g'), '&lt');
+        escapedValue = escapedValue.replace(new RegExp('>', 'g'), '&gt');
+        return escapedValue;
+    }
+}
+
+// Helpers to create Simulcast-related UI, if enabled
+function addSimulcastButtons(feed, temporal) {
+    var index = feed;
+    $('#remote'+index).parent().append(
+        '<div id="simulcast'+index+'" class="btn-group-vertical btn-group-vertical-xs pull-right">' +
+            '   <div class"row">' +
+            '           <div class="btn-group btn-group-xs simulcast-button-group">' +
+            '                   <button id="sl'+index+'-2" type="button" class="btn btn-primary simulcast-button" data-toggle="tooltip" title="Switch to higher quality" style="width: 33%">SL 2</button>' +
+            '                   <button id="sl'+index+'-1" type="button" class="btn btn-primary simulcast-button" data-toggle="tooltip" title="Switch to normal quality" style="width: 33%">SL 1</button>' +
+            '                   <button id="sl'+index+'-0" type="button" class="btn btn-primary simulcast-button" data-toggle="tooltip" title="Switch to lower quality" style="width: 34%">SL 0</button>' +
+            '           </div>' +
+            '   </div>' +
+            '   <div class"row">' +
+            '           <div class="btn-group btn-group-xs hide simulcast-button-group">' +
+            '                   <button id="tl'+index+'-2" type="button" class="btn btn-primary simulcast-button" data-toggle="tooltip" title="Cap to temporal layer 2">TL 2</button>' +
+            '                   <button id="tl'+index+'-1" type="button" class="btn btn-primary simulcast-button" data-toggle="tooltip" title="Cap to temporal layer 1">TL 1</button>' +
+            '                   <button id="tl'+index+'-0" type="button" class="btn btn-primary simulcast-button" data-toggle="tooltip" title="Cap to temporal layer 0">TL 0</button>' +
+            '           </div>' +
+            '   </div>' +
+            '</div>'
+    );
+    // Enable the simulcast selection buttons
+    $('#sl' + index + '-0').removeClass('btn-primary btn-success').addClass('btn-primary')
+        .unbind('click').click(function() {
+            var index = $(this).attr('id').split('sl')[1].split('-')[0];
+            toastr.info("Switching simulcast substream (mid=" + mids[index] + "), wait for it... (lower quality)", null, {timeOut: 2000});
+            if(!$('#sl' + index + '-2').hasClass('btn-success'))
+                $('#sl' + index + '-2').removeClass('btn-primary btn-info').addClass('btn-primary');
+            if(!$('#sl' + index + '-1').hasClass('btn-success'))
+                $('#sl' + index + '-1').removeClass('btn-primary btn-info').addClass('btn-primary');
+            $('#sl' + index + '-0').removeClass('btn-primary btn-info btn-success').addClass('btn-info');
+            remoteFeed.send({ message: { request: "configure", mid: mids[index], substream: 0 }});
+        });
+    $('#sl' + index + '-1').removeClass('btn-primary btn-success').addClass('btn-primary')
+        .unbind('click').click(function() {
+            var index = $(this).attr('id').split('sl')[1].split('-')[0];
+            toastr.info("Switching simulcast substream (mid=" + mids[index] + "), wait for it... (normal quality)", null, {timeOut: 2000});
+            if(!$('#sl' + index + '-2').hasClass('btn-success'))
+                $('#sl' + index + '-2').removeClass('btn-primary btn-info').addClass('btn-primary');
+            $('#sl' + index + '-1').removeClass('btn-primary btn-info btn-success').addClass('btn-info');
+            if(!$('#sl' + index + '-0').hasClass('btn-success'))
+                $('#sl' + index + '-0').removeClass('btn-primary btn-info').addClass('btn-primary');
+            remoteFeed.send({ message: { request: "configure", mid: mids[index], substream: 1 }});
+        });
+    $('#sl' + index + '-2').removeClass('btn-primary btn-success').addClass('btn-primary')
+        .unbind('click').click(function() {
+            var index = $(this).attr('id').split('sl')[1].split('-')[0];
+            toastr.info("Switching simulcast substream (mid=" + mids[index] + "), wait for it... (higher quality)", null, {timeOut: 2000});
+            $('#sl' + index + '-2').removeClass('btn-primary btn-info btn-success').addClass('btn-info');
+            if(!$('#sl' + index + '-1').hasClass('btn-success'))
+                $('#sl' + index + '-1').removeClass('btn-primary btn-info').addClass('btn-primary');
+            if(!$('#sl' + index + '-0').hasClass('btn-success'))
+                $('#sl' + index + '-0').removeClass('btn-primary btn-info').addClass('btn-primary');
+            remoteFeed.send({ message: { request: "configure", mid: mids[index], substream: 2 }});
+        });
+    if(!temporal)       // No temporal layer support
+        return;
+    $('#tl' + index + '-0').parent().removeClass('hide');
+    $('#tl' + index + '-0').removeClass('btn-primary btn-success').addClass('btn-primary')
+        .unbind('click').click(function() {
+            var index = $(this).attr('id').split('tl')[1].split('-')[0];
+            toastr.info("Capping simulcast temporal layer (mid=" + mids[index] + "), wait for it... (lowest FPS)", null, {timeOut: 2000});
+            if(!$('#tl' + index + '-2').hasClass('btn-success'))
+                $('#tl' + index + '-2').removeClass('btn-primary btn-info').addClass('btn-primary');
+            if(!$('#tl' + index + '-1').hasClass('btn-success'))
+                $('#tl' + index + '-1').removeClass('btn-primary btn-info').addClass('btn-primary');
+            $('#tl' + index + '-0').removeClass('btn-primary btn-info btn-success').addClass('btn-info');
+            remoteFeed.send({ message: { request: "configure", mid: mids[index], temporal: 0 }});
+        });
+    $('#tl' + index + '-1').removeClass('btn-primary btn-success').addClass('btn-primary')
+        .unbind('click').click(function() {
+            var index = $(this).attr('id').split('tl')[1].split('-')[0];
+            toastr.info("Capping simulcast temporal layer (mid=" + mids[index] + "), wait for it... (medium FPS)", null, {timeOut: 2000});
+            if(!$('#tl' + index + '-2').hasClass('btn-success'))
+                $('#tl' + index + '-2').removeClass('btn-primary btn-info').addClass('btn-primary');
+            $('#tl' + index + '-1').removeClass('btn-primary btn-info').addClass('btn-info');
+            if(!$('#tl' + index + '-0').hasClass('btn-success'))
+                $('#tl' + index + '-0').removeClass('btn-primary btn-info').addClass('btn-primary');
+            remoteFeed.send({ message: { request: "configure", mid: mids[index], temporal: 1 }});
+        });
+    $('#tl' + index + '-2').removeClass('btn-primary btn-success').addClass('btn-primary')
+        .unbind('click').click(function() {
+            var index = $(this).attr('id').split('tl')[1].split('-')[0];
+            toastr.info("Capping simulcast temporal layer (mid=" + mids[index] + "), wait for it... (highest FPS)", null, {timeOut: 2000});
+            $('#tl' + index + '-2').removeClass('btn-primary btn-info btn-success').addClass('btn-info');
+            if(!$('#tl' + index + '-1').hasClass('btn-success'))
+                $('#tl' + index + '-1').removeClass('btn-primary btn-info').addClass('btn-primary');
+            if(!$('#tl' + index + '-0').hasClass('btn-success'))
+                $('#tl' + index + '-0').removeClass('btn-primary btn-info').addClass('btn-primary');
+            remoteFeed.send({ message: { request: "configure", mid: mids[index], temporal: 2 }});
+        });
+}
+
+function updateSimulcastButtons(feed, substream, temporal) {
+    // Check the substream
+    var index = feed;
+    if(substream === 0) {
+        toastr.success("Switched simulcast substream! (lower quality)", null, {timeOut: 2000});
+        $('#sl' + index + '-2').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#sl' + index + '-1').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#sl' + index + '-0').removeClass('btn-primary btn-info btn-success').addClass('btn-success');
+    } else if(substream === 1) {
+        toastr.success("Switched simulcast substream! (normal quality)", null, {timeOut: 2000});
+        $('#sl' + index + '-2').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#sl' + index + '-1').removeClass('btn-primary btn-info btn-success').addClass('btn-success');
+        $('#sl' + index + '-0').removeClass('btn-primary btn-success').addClass('btn-primary');
+    } else if(substream === 2) {
+        toastr.success("Switched simulcast substream! (higher quality)", null, {timeOut: 2000});
+        $('#sl' + index + '-2').removeClass('btn-primary btn-info btn-success').addClass('btn-success');
+        $('#sl' + index + '-1').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#sl' + index + '-0').removeClass('btn-primary btn-success').addClass('btn-primary');
+    }
+    // Check the temporal layer
+    if(temporal === 0) {
+        toastr.success("Capped simulcast temporal layer! (lowest FPS)", null, {timeOut: 2000});
+        $('#tl' + index + '-2').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#tl' + index + '-1').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#tl' + index + '-0').removeClass('btn-primary btn-info btn-success').addClass('btn-success');
+    } else if(temporal === 1) {
+        toastr.success("Capped simulcast temporal layer! (medium FPS)", null, {timeOut: 2000});
+        $('#tl' + index + '-2').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#tl' + index + '-1').removeClass('btn-primary btn-info btn-success').addClass('btn-success');
+        $('#tl' + index + '-0').removeClass('btn-primary btn-success').addClass('btn-primary');
+    } else if(temporal === 2) {
+        toastr.success("Capped simulcast temporal layer! (highest FPS)", null, {timeOut: 2000});
+        $('#tl' + index + '-2').removeClass('btn-primary btn-info btn-success').addClass('btn-success');
+        $('#tl' + index + '-1').removeClass('btn-primary btn-success').addClass('btn-primary');
+        $('#tl' + index + '-0').removeClass('btn-primary btn-success').addClass('btn-primary');
+    }
+}
diff --git a/plinth/modules/janus/templates/janus_video_room.html b/plinth/modules/janus/templates/janus_video_room.html
new file mode 100644
index 000000000..a9bbbe6ac
--- /dev/null
+++ b/plinth/modules/janus/templates/janus_video_room.html
@@ -0,0 +1,209 @@
+{% comment %}
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+# This file based on example code from Janus which is
+# licensed as follows.
+#
+# 2014-2022  Meetecho
+#
+# GPL-3 with OpenSSL exception
+# If you modify this Program, or any covered work,
+# by linking or combining it with OpenSSL
+# (or a modified version of that library),
+# containing parts covered by the terms of OpenSSL License,
+# the licensors of this Program grant you
+# additional permission to convey the resulting work.
+# Corresponding Source for a non-source form of such a combination
+# shall include the source code for the parts of openssl used
+# as well as that of the covered work.
+{% endcomment %}
+
+{% load static %}
+{% load i18n %}
+
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Janus Video Room</title>
+
+    <script type="text/javascript"
+            src="/javascript/webrtc-adapter/adapter.min.js" ></script>
+    <script type="text/javascript"
+            src="/javascript/jquery/jquery.min.js" ></script>
+    <script type="text/javascript"
+            src="/javascript/jquery-blockui/jquery.blockUI.js" ></script>
+    <script type="text/javascript"
+            src="/javascript/bootstrap/js/bootstrap.min.js" ></script>
+    <script type="text/javascript"
+            src="/javascript/bootbox/bootbox.min.js" ></script>
+    <script type="text/javascript"
+            src="/javascript/spin.js/spin.min.js" ></script>
+    <script type="text/javascript"
+            src="/javascript/toastr/toastr.min.js" ></script>
+    <script type="text/javascript"
+            src="{% static 'janus/janus-freedombox-config.js' %}" ></script>
+    <script type="text/javascript"
+            src="/javascript/janus-gateway/janus.min.js" ></script>
+    <script type="text/javascript"
+            src="{% static 'janus/janus-video-room.js' %}" ></script>
+
+    <link rel="stylesheet"
+          href="/javascript/bootswatch/cerulean/bootstrap.min.css"
+          type="text/css"/>
+    <link rel="stylesheet" href="/javascript/toastr/toastr.min.css"
+          type="text/css"/>
+    <link rel="stylesheet"
+          href="{% static 'janus/janus-video-room.css' %}" type="text/css"/>
+  </head>
+
+  <body data-user-turn-config="{{ user_turn_config }}">
+    <div class="container" id="content" role="main">
+      <div class="row">
+        <div class="col-md-12">
+          <h1>Janus Video Room
+            <button class="btn btn-default" autocomplete="off"
+                    id="start">Start</button>
+          </h1>
+        </div>
+
+        <div class="container" id="details">
+          <div class="row">
+            <div class="col-md-12">
+              <h3>Details</h3>
+              <p>To use the video room, just insert a username to join
+                the default room that is configured. This will add you
+                to the list of participants, and allow you to
+                automatically send your audio/video frames and receive
+                the other participants' feeds. The other participants
+                will appear in separate panels, whose title will be
+                the names they chose when registering at the video room.</p>
+              <p>Press the <code>Start</code> button above to launch
+                the video room.</p>
+            </div>
+          </div>
+        </div>
+
+        <div class="container hide" id="videojoin">
+          <div class="row">
+            <span class="label label-info" id="you"></span>
+            <div class="col-md-12" id="controls">
+              <div class="input-group margin-bottom-md hide" id="registernow">
+                <span class="input-group-addon">@</span>
+                <input autocomplete="off" class="form-control"
+                       autocomplete="off" type="text"
+                       placeholder="Choose a display name"
+                       id="username"
+                       onkeypress="return checkEnter(this, event);"></input>
+                <span class="input-group-btn">
+                  <button class="btn btn-success" autocomplete="off"
+                          id="register">Join the room</button>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="container hide" id="videos">
+          <div class="row">
+            <div class="col-md-4">
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title">
+                    Local Video <span class="label label-primary hide"
+                                      id="publisher"></span>
+                    <div class="btn-group btn-group-xs pull-right hide">
+                      <div class="btn-group btn-group-xs">
+                        <button id="bitrateset" autocomplete="off"
+                                class="btn btn-primary
+                                       dropdown-toggle"
+                                data-toggle="dropdown">
+                          Bandwidth<span class="caret"></span>
+                        </button>
+                        <ul id="bitrate" class="dropdown-menu" role="menu">
+                          <li><a href="#" id="0">No limit</a></li>
+                          <li><a href="#" id="128">Cap to 128kbit</a></li>
+                          <li><a href="#" id="256">Cap to 256kbit</a></li>
+                          <li><a href="#" id="512">Cap to 512kbit</a></li>
+                          <li><a href="#" id="1024">Cap to 1mbit</a></li>
+                          <li><a href="#" id="1500">Cap to 1.5mbit</a></li>
+                          <li><a href="#" id="2000">Cap to 2mbit</a></li>
+                        </ul>
+                      </div>
+                    </div>
+                  </h3>
+                </div>
+                <div class="panel-body" id="videolocal"></div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title">
+                    Remote Video #1 <span class="label label-info hide"
+                                          id="remote1"></span>
+                  </h3>
+                </div>
+                <div class="panel-body relative" id="videoremote1"></div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title">
+                    Remote Video #2 <span class="label label-info hide"
+                                          id="remote2"></span>
+                  </h3>
+                </div>
+                <div class="panel-body relative" id="videoremote2"></div>
+              </div>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4">
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title">
+                    Remote Video #3 <span class="label label-info hide"
+                                          id="remote3"></span>
+                  </h3>
+                </div>
+                <div class="panel-body relative" id="videoremote3"></div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title">
+                    Remote Video #4 <span class="label label-info hide"
+                                          id="remote4"></span>
+                  </h3>
+                </div>
+                <div class="panel-body relative" id="videoremote4"></div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title">
+                    Remote Video #5 <span class="label label-info hide"
+                                          id="remote5"></span>
+                  </h3>
+                </div>
+                <div class="panel-body relative" id="videoremote5"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="footer">
+      <a href="{% static 'jslicense.html' %}" data-jslicense="1">
+        {% trans "JavaScript license information" %}</a>
+    </div>
+
+  </body>
+</html>
diff --git a/plinth/modules/janus/tests/__init__.py b/plinth/modules/janus/tests/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/plinth/modules/janus/tests/test_functional.py b/plinth/modules/janus/tests/test_functional.py
new file mode 100644
index 000000000..5f2e11ba4
--- /dev/null
+++ b/plinth/modules/janus/tests/test_functional.py
@@ -0,0 +1,16 @@
+# SPDX-License-Identifier: AGPL-3.0-or-later
+"""
+Functional, browser based tests for Janus app.
+"""
+
+import pytest
+
+from plinth.tests import functional
+
+pytestmark = [pytest.mark.apps, pytest.mark.janus]
+
+
+class TestJanusApp(functional.BaseAppTests):
+    app_name = 'janus'
+    has_service = True
+    has_web = True
diff --git a/plinth/modules/janus/urls.py b/plinth/modules/janus/urls.py
new file mode 100644
index 000000000..428ed66d5
--- /dev/null
+++ b/plinth/modules/janus/urls.py
@@ -0,0 +1,17 @@
+# SPDX-License-Identifier: AGPL-3.0-or-later
+"""
+URLs for the janus app.
+"""
+
+from django.urls import re_path
+from stronghold.decorators import public
+
+from plinth.views import AppView
+
+from .views import JanusRoomView
+
+urlpatterns = [
+    re_path(r'^apps/janus/$', AppView.as_view(app_id='janus'), name='index'),
+    re_path(r'^apps/janus/room/$', public(JanusRoomView.as_view()),
+            name='room')
+]
diff --git a/plinth/modules/janus/views.py b/plinth/modules/janus/views.py
new file mode 100644
index 000000000..849a4da64
--- /dev/null
+++ b/plinth/modules/janus/views.py
@@ -0,0 +1,20 @@
+# SPDX-License-Identifier: AGPL-3.0-or-later
+"""
+Views for the Janus app.
+"""
+
+from django.views.generic import TemplateView
+
+from plinth.modules import janus
+
+
+class JanusRoomView(TemplateView):
+    """A simple page to host Janus video room."""
+    template_name = 'janus_video_room.html'
+
+    def get_context_data(self, *args, **kwargs):
+        """Add user's TURN server information to view context."""
+        config = janus.app.get_component('turn-janus').get_configuration()
+        context = super().get_context_data(*args, **kwargs)
+        context['user_turn_config'] = config.to_json()
+        return context
diff --git a/pyproject.toml b/pyproject.toml
index 43b6fe51a..e1ff06364 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -36,6 +36,7 @@ markers = [
     "i2p",
     "ikiwiki",
     "infinoted",
+    "janus",
     "jsxc",
     "matrixsynapse",
     "mediawiki",
diff --git a/static/themes/default/icons/janus.png b/static/themes/default/icons/janus.png
new file mode 100644
index 000000000..d17edd749
Binary files /dev/null and b/static/themes/default/icons/janus.png differ
diff --git a/static/themes/default/icons/janus.svg b/static/themes/default/icons/janus.svg
new file mode 100644
index 000000000..77c2a6701
--- /dev/null
+++ b/static/themes/default/icons/janus.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   id="svg60"
+   width="512"
+   height="512"
+   viewBox="0 0 512.00001 512.00001"
+   sodipodi:docname="janus.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata66">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs64" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1846"
+     inkscape:window-height="1016"
+     id="namedview62"
+     showgrid="false"
+     inkscape:zoom="1.2118871"
+     inkscape:cx="217.01691"
+     inkscape:cy="305.72154"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g68"
+     inkscape:pagecheckerboard="0" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g68">
+    <path
+       id="rect1364"
+       style="display:inline;fill:#0071bc;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:7;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 167.07289,203.07798 v 26.49811 l -57.58467,39.36696 v 84.41487 l 57.58467,-36.89065 v 113.79689 h 81.6724 V 203.07798 Z"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       id="path13100"
+       style="display:inline;fill:#00ccff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:7;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 344.2499,202.90079 v 26.49811 l 56.34207,-26.32092 -4e-5,81.6377 -56.34203,31.57441 V 430.08698 H 262.57749 V 202.90079 Z"
+       sodipodi:nodetypes="ccccccccc" />
+    <ellipse
+       style="display:inline;fill:#00ccff;fill-opacity:1;stroke:#ffffff;stroke-width:7;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path16994"
+       cx="304.2576"
+       cy="137.60036"
+       rx="55.329285"
+       ry="55.610538" />
+    <ellipse
+       style="display:inline;fill:#0071bc;fill-opacity:1;stroke:#ffffff;stroke-width:7;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="ellipse17076"
+       cx="208.16225"
+       cy="136.78899"
+       rx="55.329285"
+       ry="55.610538" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;stroke:#0071bc;stroke-width:27.7001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path19871"
+       cy="256.00003"
+       cx="256"
+       rx="242.14993"
+       ry="242.14996" />
+  </g>
+</svg>