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.
80 lines
1.6 KiB
JavaScript
80 lines
1.6 KiB
JavaScript
import styled from 'styled-components';
|
|
import Button from '/imports/ui/components/common/button/component';
|
|
import { smallOnly } from '/imports/ui/stylesheets/styled-components/breakpoints';
|
|
import { jumboPaddingY, smPaddingY } from '/imports/ui/stylesheets/styled-components/general';
|
|
import {
|
|
fontSizeSmaller,
|
|
} from '/imports/ui/stylesheets/styled-components/typography';
|
|
import {
|
|
colorLink,
|
|
} from '/imports/ui/stylesheets/styled-components/palette';
|
|
|
|
const Help = styled.span`
|
|
display: flex;
|
|
flex-flow: column;
|
|
min-height: 10rem;
|
|
`;
|
|
|
|
const Text = styled.div`
|
|
text-align: center;
|
|
justify-content: center;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
`;
|
|
|
|
const EnterAudio = styled.div`
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: ${jumboPaddingY};
|
|
`;
|
|
|
|
const HelpActionButton = styled(Button)`
|
|
margin-right: 0.5rem;
|
|
margin-left: inherit;
|
|
|
|
[dir="rtl"] & {
|
|
margin-right: inherit;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
@media ${smallOnly} {
|
|
margin-right: none;
|
|
margin-left: inherit;
|
|
|
|
[dir="rtl"] & {
|
|
margin-right: inherit;
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
`;
|
|
|
|
const TroubleshootLink = styled.a`
|
|
color: ${colorLink};
|
|
`;
|
|
|
|
const UnknownError = styled.label`
|
|
font-size: ${fontSizeSmaller};
|
|
justify-content: center;
|
|
text-align: center;
|
|
margin-top: ${smPaddingY};
|
|
margin-bottom: ${smPaddingY};
|
|
`;
|
|
|
|
const PermissionHelpSteps = styled.ul`
|
|
text-align: left;
|
|
justify-content: center;
|
|
li {
|
|
margin-bottom: ${smPaddingY};
|
|
}
|
|
`;
|
|
|
|
export default {
|
|
Help,
|
|
Text,
|
|
EnterAudio,
|
|
HelpActionButton,
|
|
TroubleshootLink,
|
|
UnknownError,
|
|
PermissionHelpSteps,
|
|
};
|