till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 22:41:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

feat(mukke): support all common audio formats for upload and playback

Browse source 
Expand accepted audio formats beyond MP3/WAV/OGG to include FLAC, AAC,
M4A, AIFF, OPUS, WMA, WebM, ALAC, APE, WavPack, DSF, and DFF.
The HTML5 Audio player already handles whatever the browser supports.

Changes:
- BeatUploader: accept audio/* instead of hardcoded format list
- shared-storage: add MIME type mappings for all common audio formats

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-21 11:09:25 +01:00
parent c3927c85f8
commit 7a1ae1284c
2 changed files with 38 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
apps/mukke/apps/web/src/lib/components/BeatUploader.svelte
View file

@ -24,8 +24,7 @@
let currentBeatId = $state<string | null>(null);
let fileInputRef: HTMLInputElement;
const acceptedTypes = ['audio/mpeg', 'audio/wav', 'audio/ogg', 'audio/mp3', 'audio/x-wav'];
const acceptedExtensions = '.mp3,.wav,.ogg';
const acceptedExtensions = 'audio/*';
async function startTranscription(beatId: string) {
isTranscribing = true;
@ -56,8 +55,11 @@
if (!file) return;
// Validate file type
if (!acceptedTypes.includes(file.type) && !file.name.match(/\.(mp3|wav|ogg)$/i)) {
errorMessage = 'Please select an audio file (MP3, WAV, or OGG)';
if (
!file.type.startsWith('audio/') &&
!file.name.match(/\.(mp3|wav|ogg|flac|aac|m4a|wma|aiff|aif|opus|webm|alac|ape|wv|dsf|dff)$/i)
) {
errorMessage = 'Please select an audio file';
return;
}
@ -241,7 +243,9 @@
<p class="text-foreground-secondary text-sm">
Drag & drop or click to select an audio file
</p>
<p class="text-foreground-secondary text-xs mt-2">Supported formats: MP3, WAV, OGG</p>
<p class="text-foreground-secondary text-xs mt-2">
Supported formats: MP3, WAV, OGG, FLAC, AAC, M4A, AIFF, OPUS, WebM and more
</p>
</label>
{/if}

30
packages/shared-storage/src/utils.ts
View file

@ -75,6 +75,17 @@ export function getContentType(filename: string): string {
'.wav': 'audio/wav',
'.ogg': 'audio/ogg',
'.m4a': 'audio/mp4',
'.aac': 'audio/aac',
'.flac': 'audio/flac',
'.aiff': 'audio/aiff',
'.aif': 'audio/aiff',
'.opus': 'audio/opus',
'.wma': 'audio/x-ms-wma',
'.alac': 'audio/mp4',
'.ape': 'audio/x-ape',
'.wv': 'audio/x-wavpack',
'.dsf': 'audio/dsf',
'.dff': 'audio/dff',
// Video
'.mp4': 'video/mp4',
@ -127,7 +138,24 @@ export const DOCUMENT_EXTENSIONS = ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.
/**
* Common allowed extensions for audio
*/
export const AUDIO_EXTENSIONS = ['.mp3', '.wav', '.ogg', '.m4a'];
export const AUDIO_EXTENSIONS = [
'.mp3',
'.wav',
'.ogg',
'.m4a',
'.aac',
'.flac',
'.aiff',
'.aif',
'.opus',
'.wma',
'.webm',
'.alac',
'.ape',
'.wv',
'.dsf',
'.dff',
];
/**
* Common allowed extensions for video