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

add typing

Browse Source
This commit is contained in:
Jose B
2023-08-23 15:05:48 -05:00
parent b399e03f41
commit b5c4361649
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
www/app/transcripts/new/page.tsx
View File

@@ -48,9 +48,10 @@ const App = () => {
webRTC?.peer?.send(JSON.stringify({ cmd: "STOP" })); webRTC?.peer?.send(JSON.stringify({ cmd: "STOP" }));
setStream(null); setStream(null);
}} }}
topics={webSockets.topics}
getAudioStream={getAudioStream} getAudioStream={getAudioStream}
audioDevices={audioDevices} audioDevices={audioDevices}
topics={webSockets.topics} useActiveTopic={useActiveTopic}
/> />
<Dashboard <Dashboard

15
www/app/transcripts/recorder.tsx
View File

@@ -11,6 +11,7 @@ import Dropdown, { Option } from "react-dropdown";
import "react-dropdown/style.css"; import "react-dropdown/style.css";
import { formatTime } from "../lib/time"; import { formatTime } from "../lib/time";
import { Topic } from "./webSocketTypes";
const AudioInputsDropdown: React.FC<{ const AudioInputsDropdown: React.FC<{
audioDevices: Option[]; audioDevices: Option[];
@@ -40,7 +41,19 @@ const AudioInputsDropdown: React.FC<{
); );
}; };
export default function Recorder(props: any) { type RecorderProps = {
setStream: React.Dispatch<React.SetStateAction<MediaStream | null>>;
onStop: () => void;
topics: Topic[];
getAudioStream: (deviceId: string | null) => Promise<MediaStream | null>;
audioDevices: Option[];
useActiveTopic: [
Topic | null,
React.Dispatch<React.SetStateAction<Topic | null>>,
];
};
export default function Recorder(props: RecorderProps) {
const waveformRef = useRef<HTMLDivElement>(null); const waveformRef = useRef<HTMLDivElement>(null);
const [wavesurfer, setWavesurfer] = useState<WaveSurfer | null>(null); const [wavesurfer, setWavesurfer] = useState<WaveSurfer | null>(null);
const [record, setRecord] = useState<RecordPlugin | null>(null); const [record, setRecord] = useState<RecordPlugin | null>(null);