Hide the input list on both, android+ios.

This will now be decided based on controlled media devices.

src/UrlParams.ts

@@ -284,8 +284,7 @@ export const getUrlParams = (
     fontScale: Number.isNaN(fontScale) ? null : fontScale,
     allowIceFallback: parser.getFlagParam("allowIceFallback"),
     perParticipantE2EE: parser.getFlagParam("perParticipantE2EE"),
-    // TODO this should not default to true!
-    controlledOutput: parser.getFlagParam("controlledMediaDevices", true),
+    controlledOutput: parser.getFlagParam("controlledMediaDevices"),
     skipLobby: parser.getFlagParam(
       "skipLobby",
       isWidget && intent === UserIntent.StartNewCall,

src/settings/SettingsModal.tsx

@@ -36,6 +36,7 @@ import { useTrackProcessor } from "../livekit/TrackProcessorContext";
 import { DeveloperSettingsTab } from "./DeveloperSettingsTab";
 import { FieldRow, InputField } from "../input/Input";
 import { useSubmitRageshake } from "./submit-rageshake";
+import { useUrlParams } from "../UrlParams";
 
 type SettingsTab =
   | "audio"
@@ -103,7 +104,10 @@ export const SettingsModal: FC<Props> = ({
   const [showDeveloperSettingsTab] = useSetting(developerMode);
 
   const { available: isRageshakeAvailable } = useSubmitRageshake();
+  // If we are on ios we will show a button to open the native picker.
   const iosDeviceMenu = useObservableEagerState(iosDeviceMenu$);
+  // In controlled devices we will not show the input section
+  const { controlledOutput } = useUrlParams();
 
   const audioTab: Tab<SettingsTab> = {
     key: "audio",
@@ -111,7 +115,7 @@ export const SettingsModal: FC<Props> = ({
     content: (
       <>
         <Form>
-          {!iosDeviceMenu && (
+          {!controlledOutput && (
             <DeviceSelection
               device={devices.audioInput}
               title={t("settings.devices.microphone")}