diff --git a/config/config.ts b/config/config.ts index 0bdbb3ac..83b0519e 100644 --- a/config/config.ts +++ b/config/config.ts @@ -14,7 +14,7 @@ const isProduction = env === 'production'; const t = Date.now(); export default defineConfig({ proxy: { - ...proxy() + ...proxy('http://192.168.50.4') }, history: { type: 'hash' diff --git a/src/pages/playground/components/audio-input.tsx b/src/pages/playground/components/audio-input.tsx index f1dc36e5..4b04ac8c 100644 --- a/src/pages/playground/components/audio-input.tsx +++ b/src/pages/playground/components/audio-input.tsx @@ -174,8 +174,8 @@ const AudioInput: React.FC = (props) => { const handleAudioData = (audioData: any) => { props.onAudioData?.(audioData); }; - const getAudioFormat = () => { - const mimeType = audioRecorder.current?.mimeType; + const getAudioFormat = (type?: string) => { + const mimeType = type || audioRecorder.current?.mimeType; let resultFormat = recordingFormat; @@ -190,8 +190,8 @@ const AudioInput: React.FC = (props) => { return resultFormat; }; - const generateFileNameByTime = () => { - const res = getAudioFormat(); + const generateFileNameByTime = (type?: string) => { + const res = getAudioFormat(type); // format: recording-YYYY-MM-DD-HH_mm_ss.wav return `recording-${dayjs().format('YYYY-MM-DD-HH_mm_ss')}${res.suffix}`; }; @@ -222,16 +222,17 @@ const AudioInput: React.FC = (props) => { audioRecorder.current.onstop = () => { const res = getAudioFormat(); const audioBlob = new Blob(audioChunks, { - type: audioRecorder.current.mimeType + type: 'audio/mpeg' }); + console.log('audioBlob:', res, audioBlob); const audioUrl = URL.createObjectURL(audioBlob); handleAudioData({ chunks: audioBlob, size: audioBlob.size, - type: res.type, + type: audioBlob.type, url: audioUrl, - name: generateFileNameByTime(), + name: generateFileNameByTime(audioBlob.type), duration: Math.floor((Date.now() - startTime.current) / 1000) });