Support common audio formats beyond MP3.

Accept WAV, OGG, FLAC, M4A, and related uploads, and read metadata from non-ID3 tag formats.

resources/views/recordings/create.blade.php

@@ -5,7 +5,7 @@
 @section('content')
     <div class="mb-8">
         <h1 class="text-2xl font-semibold tracking-tight">Upload recording</h1>
-        <p class="mt-1 text-sm text-stone-600">Upload an MP3 from your pocket recorder. ID3 metadata is extracted automatically.</p>
+        <p class="mt-1 text-sm text-stone-600">Upload audio from your pocket recorder. Embedded metadata is extracted when available.</p>
     </div>
 
     <form
@@ -17,15 +17,16 @@
         @csrf
 
         <div>
-            <label for="audio" class="block text-sm font-medium text-stone-700">MP3 file</label>
+            <label for="audio" class="block text-sm font-medium text-stone-700">Audio file</label>
             <input
                 id="audio"
                 type="file"
                 name="audio"
-                accept=".mp3,audio/mpeg"
+                accept=".mp3,.wav,.ogg,.oga,.flac,.m4a,.mp4,.aac,.webm,.wma,.aiff,.aif,audio/*"
                 required
                 class="mt-2 block w-full text-sm text-stone-600 file:mr-4 file:rounded file:border-0 file:bg-teal-50 file:px-3 file:py-2 file:text-sm file:font-medium file:text-teal-800 hover:file:bg-teal-100"
             >
+            <p class="mt-2 text-xs text-stone-500">MP3, WAV, OGG, FLAC, M4A, AAC, WebM, WMA, or AIFF (max 100 MB).</p>
         </div>
 
         <div>
@@ -35,7 +36,7 @@
                 type="text"
                 name="title"
                 value="{{ old('title') }}"
-                placeholder="Leave blank to use ID3 title or filename"
+                placeholder="Leave blank to use embedded title or filename"
                 class="mt-2 w-full rounded border border-stone-300 px-3 py-2 text-sm shadow-sm focus:border-teal-600 focus:outline-none focus:ring-1 focus:ring-teal-600"
             >
         </div>