因此，我正在开发一个音频记录器，用于浏览器使用Open AI whisper转录文本。然而，只有MediaRecorder dataavailable的第一次迭代被保存为有效的.webm文件，然后它们被保存为二进制文件。我也尝试硬编码.webm，并记录打印为audio/webm的blob.type。
我正在使用mediarecorder时间片选项每15秒创建一个新文件：mediaRecorder.start(15000);
有人能告诉我这里可能出了什么问题吗？
当前代码：
前端代码：

window.handleSuccess = function (stream) {
    const options = {mimeType: 'audio/webm;codecs=opus'};
    const recordedChunks = [];
    const mediaRecorder = new MediaRecorder(stream, options);

    mediaRecorder.addEventListener('dataavailable', function (e) {

        const reader = new FileReader();
        reader.readAsArrayBuffer(e.data);
        reader.onloadend = function () {
            const blob = new Blob([new Uint8Array(reader.result)], { type: 'audio/webm' });

            recordedChunks.push(blob);

            // post data to server
            const formData = new FormData();
            formData.append('audio', blob, 'filename.webm');
            formData.append('audio_mime', blob.type);
            formData.append('meeting_id', meetingId);
            fetch('/api/audio', {
                method: 'POST',
                body: formData,
                accept: 'application/json',
            }).then((response) => {
                console.log(response);
            }).catch((error) => {
                console.error(error);
            });

        };
    });

字符串
Laravel后端代码

public function uploadAudio(Request $request): JsonResponse
    {
        $mime = $request->input('audio_mime');
        $extensionMap = [
            'audio/webm' => 'webm',
        ];
        $extension = $extensionMap[$mime] ?? 'webm';
        $audioName = time() . '.' . $extension;

        $request->audio->move(storage_path('audio'), $audioName);

        Audio::create([
            'audio_file' => $audioName,
            'meeting_id' => $request->get('meeting_id'),
        ]);

        return response()->json([
            'message' => 'Audio uploaded successfully',
            'audio' => $audioName,
        ], 201);
    }

型