Aman Sharma
commited on
Commit
·
d897ded
1
Parent(s):
4a7791f
chore : Remove default selector
Browse files
streaming-react-app/src/RoomConfig.tsx
CHANGED
@@ -46,8 +46,8 @@ export default function RoomConfig({
|
|
46 |
);
|
47 |
const [roomIDError, setRoomIDError] = useState<boolean>(false);
|
48 |
const [roles, setRoles] = useState<{speaker: boolean; listener: boolean}>({
|
49 |
-
speaker:
|
50 |
-
listener:
|
51 |
});
|
52 |
const [lockServer, setLockServer] = useState<boolean>(false);
|
53 |
const [lockServerName, setLockServerName] = useState<string>('');
|
|
|
46 |
);
|
47 |
const [roomIDError, setRoomIDError] = useState<boolean>(false);
|
48 |
const [roles, setRoles] = useState<{speaker: boolean; listener: boolean}>({
|
49 |
+
speaker: false,
|
50 |
+
listener: false,
|
51 |
});
|
52 |
const [lockServer, setLockServer] = useState<boolean>(false);
|
53 |
const [lockServerName, setLockServerName] = useState<string>('');
|
streaming-react-app/src/StreamingInterface.tsx
CHANGED
@@ -153,7 +153,7 @@ export default function StreamingInterface() {
|
|
153 |
const isStreamConfiguredRef = useRef<boolean>(false);
|
154 |
const [hasMaxSpeakers, setHasMaxSpeakers] = useState<boolean>(false);
|
155 |
|
156 |
-
const [outputMode, setOutputMode] = useState<SupportedOutputMode>('s2s
|
157 |
const [inputSource, setInputSource] =
|
158 |
useState<SupportedInputSource>('userMedia');
|
159 |
const [enableNoiseSuppression, setEnableNoiseSuppression] = useState<
|
@@ -756,16 +756,6 @@ export default function StreamingInterface() {
|
|
756 |
</Typography>
|
757 |
</div>
|
758 |
</div>
|
759 |
-
<div className="header-container-sra">
|
760 |
-
<div>
|
761 |
-
<Typography variant="body2" sx={{ color: '#65676B' }}>
|
762 |
-
Welcome to our translation hub! Please note that this space is limited to one speaker at a time. If using the live translation space, sharing the room code to listeners on another IP address may not work due to different replicas. Use headphones if you are both the speaker and listener to prevent feedback.
|
763 |
-
<br />
|
764 |
-
<br />
|
765 |
-
Our Real-Time Translation model is a research model and is not released for production deployment. Please use a microphone with noise cancellation (e.g., a smartphone) to avoid model hallucination on noises. It works best if you pause every couple of sentences, or you may wish to adjust the VAD threshold in the model config. Real-time performance may degrade if you try streaming multiple speakers simultaneously.
|
766 |
-
</Typography>
|
767 |
-
</div>
|
768 |
-
</div>
|
769 |
<Stack spacing="22px" direction="column">
|
770 |
<Box>
|
771 |
<RoomConfig
|
@@ -879,6 +869,7 @@ export default function StreamingInterface() {
|
|
879 |
<RadioGroup
|
880 |
aria-labelledby="output-modes-radio-group-label"
|
881 |
value={outputMode}
|
|
|
882 |
onChange={(e) =>
|
883 |
setOutputMode(
|
884 |
e.target.value as SupportedOutputMode,
|
|
|
153 |
const isStreamConfiguredRef = useRef<boolean>(false);
|
154 |
const [hasMaxSpeakers, setHasMaxSpeakers] = useState<boolean>(false);
|
155 |
|
156 |
+
const [outputMode, setOutputMode] = useState<SupportedOutputMode>('s2s');
|
157 |
const [inputSource, setInputSource] =
|
158 |
useState<SupportedInputSource>('userMedia');
|
159 |
const [enableNoiseSuppression, setEnableNoiseSuppression] = useState<
|
|
|
756 |
</Typography>
|
757 |
</div>
|
758 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
759 |
<Stack spacing="22px" direction="column">
|
760 |
<Box>
|
761 |
<RoomConfig
|
|
|
869 |
<RadioGroup
|
870 |
aria-labelledby="output-modes-radio-group-label"
|
871 |
value={outputMode}
|
872 |
+
defaultValue={outputMode}
|
873 |
onChange={(e) =>
|
874 |
setOutputMode(
|
875 |
e.target.value as SupportedOutputMode,
|