Uploading an Existing Audio File
When to Use Upload Instead of the Microphone?
File upload is useful when: - You have a recording studio or an external professional microphone - You recorded your audio with a dedicated app (smartphone, portable recorder) - You want to edit the audio before submitting (trim silences, normalize volume) - You prefer to record several items in succession offline, then upload later
Accepted Formats
| Format | Extension | Notes |
|---|---|---|
| MP3 | .mp3 |
Recommended — optimal compression for voice |
| WAV | .wav |
High quality, larger file size |
| WebM | .webm |
Native format for browser recordings |
| OGG | .ogg |
Open source format |
| M4A | .m4a |
Apple format, native on iPhone |
| FLAC | .flac |
Lossless, very large file size |
Maximum file size: 50 MB
Automatic Processing
Good news! Regardless of the format submitted, the app automatically processes the audio:
| Operation | Parameter | Benefit |
|---|---|---|
| Conversion | → MP3 | Universal format for all browsers |
| Compression | 96 kbps | Optimal quality for the human voice |
| Channels | Mono (1 channel) | File size reduced by ×2 |
| Normalization | Volume normalized | Consistency across recordings |
You don't need to do anything — the app handles optimization automatically.
Upload Procedure
Step 1: Open the Recording Modal
- Click 🎤 "Record" or ✏️ "Re-record" on the desired item
- The modal opens with the "Record" tab active by default
Step 2: Switch to the "Upload" Tab
- In the modal, click the "Upload" tab
Step 3: Select Your File
Option A — Click: 1. Click "Choose a file" 2. The file explorer opens 3. Navigate to your audio file 4. Click "Open"
Option B — Drag and drop: 1. Drag your file from the file explorer 2. Drop it in the modal's drop zone
The name of the selected file is displayed in the modal.
Step 4: Verify the Audio
- Click "Listen" 🔊
- Verify it is the correct recording (correct word, correct phrase)
- Check the quality (volume, clarity, absence of noise)
Step 5: Submit
- Click "Submit recording"
- A loading animation appears during upload and processing
- Success message: "Recording submitted successfully!"
- The modal closes automatically
- The item is marked ✅ Done
Processing Time
FFmpeg processing on the server side typically takes 2–10 seconds depending on the file size and server load. The loading animation indicates that processing is underway.
Possible Upload Errors
| Error message | Cause | Solution |
|---|---|---|
| "File too large (max 50 MB)" | File > 50 MB | Compress the audio before submitting |
| "Unsupported format" | Unrecognized extension | Use MP3, WAV, WebM, OGG, M4A, or FLAC |
| "Corrupted file" | Damaged file | Re-record or convert with another tool |
| "Network error" | Connection lost during upload | Check connection and try again |
| "Processing error" | FFmpeg problem | Try again or use a different file/format |
Tips for Uploaded Files
- MP3 at 128 kbps minimum before uploading (compression to 96 kbps is applied server-side)
- Avoid WAV files > 10 MB: they work but processing takes longer
- Clear naming: name your files locally before uploading to stay organized (e.g.,
card1-pos1.mp3) - One file = one item: each item in the interface corresponds to one audio file