Merge pull request #622 from vector-im/SimonBrandner/feat/hide-screen

src/UrlParams.ts

@@ -29,6 +29,8 @@ export interface UrlParams {
   preload: boolean;
   // Whether to hide the room header when in a call
   hideHeader: boolean;
+  // Whether to hide the screen-sharing button
+  hideScreensharing: boolean;
   // Whether to start a walkie-talkie call instead of a video call
   isPtt: boolean;
   // Whether to use end-to-end encryption
@@ -84,6 +86,7 @@ export const getUrlParams = (
     isEmbedded: hasParam("embed"),
     preload: hasParam("preload"),
     hideHeader: hasParam("hideHeader"),
+    hideScreensharing: hasParam("hideScreensharing"),
     isPtt: hasParam("ptt"),
     e2eEnabled: getParam("enableE2e") !== "false", // Defaults to true
     userId: getParam("userId"),

src/room/InCallView.tsx

@@ -57,6 +57,7 @@ import { useFullscreen } from "../video-grid/useFullscreen";
 import { AudioContainer } from "../video-grid/AudioContainer";
 import { useAudioOutputDevice } from "../video-grid/useAudioOutputDevice";
 import { widget, ElementWidgetActions } from "../widget";
+import { useUrlParams } from "../UrlParams";
 
 const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {});
 // There is currently a bug in Safari our our code with cloning and sending MediaStreams
@@ -141,6 +142,8 @@ export function InCallView({
 
   useAudioOutputDevice(audioRef, audioOutput);
 
+  const { hideScreensharing } = useUrlParams();
+
   useEffect(() => {
     widget?.api.transport.send(
       layout === "freedom"
@@ -329,12 +332,15 @@ export function InCallView({
       <div className={styles.footer}>
         <MicButton muted={microphoneMuted} onPress={toggleMicrophoneMuted} />
         <VideoButton muted={localVideoMuted} onPress={toggleLocalVideoMuted} />
-        {canScreenshare && !isSafari && !reducedControls && (
+        {canScreenshare &&
-          <ScreenshareButton
+          !hideScreensharing &&
-            enabled={isScreensharing}
+          !isSafari &&
-            onPress={toggleScreensharing}
+          !reducedControls && (
-          />
+            <ScreenshareButton
-        )}
+              enabled={isScreensharing}
+              onPress={toggleScreensharing}
+            />
+          )}
         {!reducedControls && (
           <OverflowMenu
             inCall