selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-21 04:39:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into jose/ui

Browse Source
This commit is contained in:
Jose B
2023-08-03 12:41:52 -05:00
parent 78b77bd6d8 d6c4878894
commit b05d0a0cdf
12 changed files with 200 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
www/app/components/record.js
View File

@@ -7,27 +7,28 @@ import "react-dropdown/style.css";
import CustomRecordPlugin from "./CustomRecordPlugin";
const AudioInputsDropdown = (props) => {
const [ddOptions, setDdOptions] = useState([]);
useEffect(() => {
const init = async () => {
// Request permission to use audio inputs
await navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => stream.getTracks().forEach((t) => t.stop()))
await navigator.mediaDevices
.getUserMedia({ audio: true })
.then((stream) => stream.getTracks().forEach((t) => t.stop()));
const devices = await navigator.mediaDevices.enumerateDevices()
const devices = await navigator.mediaDevices.enumerateDevices();
const audioDevices = devices
.filter((d) => d.kind === "audioinput" && d.deviceId != "")
.map((d) => ({ value: d.deviceId, label: d.label }))
.map((d) => ({ value: d.deviceId, label: d.label }));
if (audioDevices.length < 1) return console.log("no audio input devices")
if (audioDevices.length < 1) return console.log("no audio input devices");
setDdOptions(audioDevices)
props.setDeviceId(audioDevices[0].value)
}
init()
}, [])
setDdOptions(audioDevices);
props.setDeviceId(audioDevices[0].value);
};
init();
}, []);
const handleDropdownChange = (e) => {
props.setDeviceId(e.value);
@@ -40,8 +41,8 @@ const AudioInputsDropdown = (props) => {
value={ddOptions[0]}
disabled={props.disabled}
/>
)
}
);
};
export default function Recorder(props) {
const waveformRef = useRef();