diff --git a/src/UrlParams.ts b/src/UrlParams.ts index 321af424..d6002274 100644 --- a/src/UrlParams.ts +++ b/src/UrlParams.ts @@ -62,6 +62,10 @@ interface UrlParams { * Whether to hide the room header when in a call. */ hideHeader: boolean; + /** + * Whether the controls should be shown. For screen recording no controls can be desired. + */ + showControls: boolean; /** * Whether to hide the screen-sharing button. */ @@ -201,6 +205,7 @@ export const getUrlParams = ( appPrompt: parser.getFlagParam("appPrompt", true), preload: parser.getFlagParam("preload"), hideHeader: parser.getFlagParam("hideHeader"), + showControls: parser.getFlagParam("showControls"), hideScreensharing: parser.getFlagParam("hideScreensharing"), e2eEnabled: parser.getFlagParam("enableE2e", true), userId: parser.getParam("userId"), diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css index fa93c558..e2273c4d 100644 --- a/src/room/InCallView.module.css +++ b/src/room/InCallView.module.css @@ -98,3 +98,12 @@ limitations under the License. gap: var(--cpd-space-4x); } } + +.footerThin { + padding-top: var(--cpd-space-3x); + padding-bottom: var(--cpd-space-5x); +} + +.footerHidden { + display: none; +} diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index bd0fd1a7..0a186059 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -41,6 +41,7 @@ import { useTranslation } from "react-i18next"; import useMeasure from "react-use-measure"; import { logger } from "matrix-js-sdk/src/logger"; import { MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc/MatrixRTCSession"; +import classNames from "classnames"; import LogoMark from "../icons/LogoMark.svg?react"; import LogoType from "../icons/LogoType.svg?react"; @@ -177,7 +178,7 @@ export const InCallView: FC = ({ const [showConnectionStats] = useShowConnectionStats(); - const { hideScreensharing } = useUrlParams(); + const { hideScreensharing, showControls } = useUrlParams(); const { isScreenShareEnabled, localParticipant } = useLocalParticipant({ room: livekitRoom, @@ -387,7 +388,15 @@ export const InCallView: FC = ({ />, ); footer = ( -
+
{!mobile && !hideHeader && (
@@ -398,8 +407,8 @@ export const InCallView: FC = ({ />
)} -
{buttons}
- {!mobile && !hideHeader && ( + {!showControls &&
{buttons}
} + {!mobile && !hideHeader && !showControls && ( = ({ /> - {!reducedControls && onShareClick !== null && ( + {!reducedControls && !showControls && onShareClick !== null && ( )}