325887e325
This is a rework of the audio join procedure whithout the explict listen
only separation in mind. It's supposed to be used in conjunction with
the transparent listen only feature so that the distinction between
modes is seamless with minimal server-side impact. An abridged list of
changes:
- Let the user pick no input device when joining microphone while
allowing them to set an input device on the fly later on
- Give the user the option to join audio with no input device whenever
we fail to obtain input devices, with the option to try re-enabling
them on the fly later on
- Add the option to open the audio settings modal (echo test et al)
via the in-call device selection chevron
- Rework the SFU audio bridge and its services to support
adding/removing tracks on the fly without renegotiation
- Rework the SFU audio bridge and its services to support a new peer
role called "passive-sendrecv". That role is used by dupled peers
that have no active input source on start, but might have one later
on.
- Remove stale PermissionsOverlay component from the audio modal
- Rework how permission errors are detected using the Permissions API
- Rework the local echo test so that it uses a separate media tag
rather than the remote
- Add new, separate dialplans that mute/hold FreeSWITCH channels on
hold based on UA strings. This is orchestrated server-side via
webrtc-sfu and akka-apps. The basic difference here is that channels
now join in their desired state rather than waiting for client side
observers to sync the state up. It also mitigates transparent listen
only performance edge cases on multiple audio channels joining at
the same time.
The old, decoupled listen only mode is still present in code while we
validate this new approach. To test this, transparentListenOnly
must be enabled and listen only mode must be disable on audio join so
that the user skips straight through microphone join.
178 lines
5.6 KiB
HTML
Executable File
178 lines
5.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<!--
|
|
BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
|
|
|
|
Copyright (c) 2019 BigBlueButton Inc. and by respective authors (see below).
|
|
|
|
This program is free software; you can redistribute it and/or modify it under the
|
|
terms of the GNU Lesser General Public License as published by the Free Software
|
|
Foundation; either version 3.0 of the License, or (at your option) any later
|
|
version.
|
|
|
|
BigBlueButton 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 Lesser General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Lesser General Public License along
|
|
with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="stylesheets/normalize.css" crossorigin="anonymous"/>
|
|
<style>
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*, *:before, *:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body {
|
|
position: fixed;
|
|
height: 100%;
|
|
font-family: 'Source Sans Pro', Arial, sans-serif;
|
|
font-size: 1rem; /* 16px */
|
|
background-color: #06172A;
|
|
}
|
|
|
|
/* language-specific font */
|
|
body.lang-fa {
|
|
font-family: Tahoma, 'Source Sans Pro', Arial, sans-serif;
|
|
}
|
|
|
|
:-webkit-full-screen {
|
|
background-color: inherit;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0,0,0,0);
|
|
border: 0;
|
|
}
|
|
|
|
.set-z-index {
|
|
z-index: 15;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
.remove-z-index {
|
|
z-index: 0;
|
|
}
|
|
/* .full-screen {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
transform: translateX(0) translateY(0) translateZ(0) !important;
|
|
} */
|
|
|
|
[hidden]:not([hidden="false"]) {
|
|
display: none !important;
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
color: var(--palette-placeholder-text);
|
|
opacity: 1;
|
|
}
|
|
|
|
:-moz-placeholder, /* Firefox 4 to 18 */
|
|
::-moz-placeholder { /* Firefox 19+ */
|
|
color: var(--palette-placeholder-text);
|
|
opacity: 1;
|
|
}
|
|
|
|
main {
|
|
display: initial;
|
|
}
|
|
|
|
.overrideSelect {
|
|
background-color: #FFF !important;
|
|
color: #000 !important;
|
|
}
|
|
|
|
.select {
|
|
background-color: rgba(66, 133, 244, 1) !important;
|
|
color: #FFF !important;
|
|
}
|
|
|
|
.fade-in {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.fade-out {
|
|
opacity: 0 !important;
|
|
}
|
|
</style>
|
|
<script>
|
|
document.addEventListener('gesturestart', function (e) {
|
|
e.preventDefault();
|
|
});
|
|
</script>
|
|
<script src="compatibility/sip.js?v=VERSION" language="javascript"></script>
|
|
<script src="compatibility/tflite-simd.js?v=VERSION" language="javascript"></script>
|
|
<script src="compatibility/tflite.js?v=VERSION" language="javascript"></script>
|
|
<!-- fonts -->
|
|
<link rel="preload" href="fonts/BbbIcons/bbb-icons.woff2?v=VERSION" as="font" type="font/woff2" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-Light.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-Regular.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-Semibold.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-Bold.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-LightItalic.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-Italic.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-SemiboldItalic.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
<link rel="preload" href="fonts/SourceSansPro/SourceSansPro-BoldItalic.woff?v=VERSION" as="font" crossorigin="anonymous"/>
|
|
|
|
<link rel="stylesheet" href="stylesheets/bbb-icons.css" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="stylesheets/fonts.css" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="stylesheets/fontSizing.css" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="stylesheets/modals.css" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="stylesheets/toastify.css" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="stylesheets/toggleSwitch.css" crossorigin="anonymous"/>
|
|
|
|
<style>
|
|
@font-face {
|
|
font-family: 'bbb-icons';
|
|
src: url('fonts/BbbIcons/bbb-icons.woff2?v=VERSION') format('woff2'),
|
|
url('fonts/BbbIcons/bbb-icons.woff?v=VERSION') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
</style>
|
|
<!-- fonts -->
|
|
</head>
|
|
<body style="background-color: #06172A">
|
|
<div id="aria-polite-alert" aria-live="polite" aria-atomic="false" class="sr-only"></div>
|
|
<svg style="display: none; width: 1px; height: 1px;">
|
|
<defs>
|
|
<symbol id="redPointer" viewBox="0 0 10 10">
|
|
<circle cx="5" cy="5" r="4" fill="red" />
|
|
</symbol>
|
|
</defs>
|
|
</svg>
|
|
<main>
|
|
<div id="app" role="document">
|
|
</main>
|
|
</div>
|
|
<span id="destination"></span>
|
|
<audio id="remote-media" autoplay></audio>
|
|
<audio id="local-media" autoplay></audio>
|
|
<div id="modals-container"></div>
|
|
</body>
|