max/audio_splitter
1
1
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE: clarifes 'format' option in output section of the frontend

Browse Source
This commit is contained in:
Maxim Vershinin
2026-08-20 20:21:15 +05:00
parent 364fc7a8fe
commit 4843ac1cb5
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/frontend/src/components/OptionsPanel.tsx
+16 -11
View File
@@ -115,32 +115,37 @@ export const OptionsPanel: React.FC = () => {
<Section title="Output Settings" defaultExpanded> <Section title="Output Settings" defaultExpanded>
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}> <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
<TextField <TextField
label="Format" label="Container"
select select
value={options.format} value={options.format}
onChange={handleFormatChange} onChange={handleFormatChange}
fullWidth fullWidth
size="small" size="small"
error={!!formatError} error={!!formatError}
helperText={
formatError || "Determines the output file extension and container structure."
}
> >
<MenuItem value="mp3">MP3</MenuItem> <MenuItem value="mp3">MP3 (.mp3)</MenuItem>
<MenuItem value="m4a">M4A</MenuItem> <MenuItem value="m4a">M4A (.m4a)</MenuItem>
<MenuItem value="mkv">MKV</MenuItem> <MenuItem value="mkv">MKV (.mkv)</MenuItem>
<MenuItem value="mp4">MP4</MenuItem> <MenuItem value="mp4">MP4 (.mp4)</MenuItem>
<MenuItem value="ogg">OGG</MenuItem> <MenuItem value="ogg">OGG (.ogg)</MenuItem>
<MenuItem value="opus">OPUS</MenuItem> <MenuItem value="opus">OPUS (.opus)</MenuItem>
<MenuItem value="flac">FLAC</MenuItem> <MenuItem value="flac">FLAC (.flac)</MenuItem>
<MenuItem value="wav">WAV</MenuItem> <MenuItem value="wav">WAV (.wav)</MenuItem>
<MenuItem value="aac">AAC</MenuItem> <MenuItem value="aac">AAC (.aac)</MenuItem>
</TextField> </TextField>
{/* Transcode option – remains unchanged but clearly labeled */}
<TextField <TextField
label="Transcode to" label="Audio Codec (Transcode)"
select select
value={options.transcode_to || ''} value={options.transcode_to || ''}
onChange={(e) => handleChange('transcode_to', e.target.value || undefined)} onChange={(e) => handleChange('transcode_to', e.target.value || undefined)}
fullWidth fullWidth
size="small" size="small"
helperText="Select an audio codec to re-encode, or keep 'Copy' to preserve the original."
> >
<MenuItem value="">Copy (no transcoding)</MenuItem> <MenuItem value="">Copy (no transcoding)</MenuItem>
<MenuItem value="libmp3lame">MP3 (LAME)</MenuItem> <MenuItem value="libmp3lame">MP3 (LAME)</MenuItem>