giers10/Heimgeist
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add audio input and recording functionality to App.jsx

Browse Source
This commit is contained in:
Victor Giers
2026-04-16 22:03:45 +02:00
parent 0d0b52b5d0
commit c3af5ccc72
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.jsx
View File

@@ -293,6 +293,20 @@ export default function App() {
const dbPickerRef = useRef(null) const dbPickerRef = useRef(null)
const imageInputRef = useRef(null) const imageInputRef = useRef(null)
const imageDragDepthRef = useRef(0) const imageDragDepthRef = useRef(0)
const [audioInputEnabled, setAudioInputEnabled] = useState(false)
const [audioInputDeviceId, setAudioInputDeviceId] = useState('')
const [isRecordingAudio, setIsRecordingAudio] = useState(false)
const [isTranscribingAudio, setIsTranscribingAudio] = useState(false)
const [audioRecordingMs, setAudioRecordingMs] = useState(0)
const audioRecorderRef = useRef(null)
const audioStreamRef = useRef(null)
const audioChunksRef = useRef([])
const audioStopPromiseRef = useRef(null)
const audioRecorderMimeTypeRef = useRef('')
const audioTickTimerRef = useRef(null)
const audioAutoStopTimerRef = useRef(null)
const audioStartedAtRef = useRef(0)
const audioTranscriptionAbortRef = useRef(null)
const [backendApiUrl, setBackendApiUrl] = useState(API); // State for Heimgeist backend URL const [backendApiUrl, setBackendApiUrl] = useState(API); // State for Heimgeist backend URL
const [colorScheme, setColorScheme] = useState('Default'); // State for color scheme const [colorScheme, setColorScheme] = useState('Default'); // State for color scheme
const [streamOutput, setStreamOutput] = useState(false); const [streamOutput, setStreamOutput] = useState(false);