root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: convert recording to mp3

Browse Source
This commit is contained in:
jialin
2024-12-04 20:37:09 +08:00
parent 0294e0d2b3
commit 273a9a5e66
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/config.ts
+1 -1
View File
@@ -14,7 +14,7 @@ const isProduction = env === 'production';
const t = Date.now(); const t = Date.now();
export default defineConfig({ export default defineConfig({
proxy: { proxy: {
...proxy() ...proxy('http://192.168.50.4')
}, },
history: { history: {
type: 'hash' type: 'hash'
src/pages/playground/components/audio-input.tsx
+8 -7
View File
@@ -174,8 +174,8 @@ const AudioInput: React.FC<AudioInputProps> = (props) => {
const handleAudioData = (audioData: any) => { const handleAudioData = (audioData: any) => {
props.onAudioData?.(audioData); props.onAudioData?.(audioData);
}; };
const getAudioFormat = () => { const getAudioFormat = (type?: string) => {
const mimeType = audioRecorder.current?.mimeType; const mimeType = type || audioRecorder.current?.mimeType;
let resultFormat = recordingFormat; let resultFormat = recordingFormat;
@@ -190,8 +190,8 @@ const AudioInput: React.FC<AudioInputProps> = (props) => {
return resultFormat; return resultFormat;
}; };
const generateFileNameByTime = () => { const generateFileNameByTime = (type?: string) => {
const res = getAudioFormat(); const res = getAudioFormat(type);
// format: recording-YYYY-MM-DD-HH_mm_ss.wav // format: recording-YYYY-MM-DD-HH_mm_ss.wav
return `recording-${dayjs().format('YYYY-MM-DD-HH_mm_ss')}${res.suffix}`; return `recording-${dayjs().format('YYYY-MM-DD-HH_mm_ss')}${res.suffix}`;
}; };
@@ -222,16 +222,17 @@ const AudioInput: React.FC<AudioInputProps> = (props) => {
audioRecorder.current.onstop = () => { audioRecorder.current.onstop = () => {
const res = getAudioFormat(); const res = getAudioFormat();
const audioBlob = new Blob(audioChunks, { const audioBlob = new Blob(audioChunks, {
type: audioRecorder.current.mimeType type: 'audio/mpeg'
}); });
console.log('audioBlob:', res, audioBlob);
const audioUrl = URL.createObjectURL(audioBlob); const audioUrl = URL.createObjectURL(audioBlob);
handleAudioData({ handleAudioData({
chunks: audioBlob, chunks: audioBlob,
size: audioBlob.size, size: audioBlob.size,
type: res.type, type: audioBlob.type,
url: audioUrl, url: audioUrl,
name: generateFileNameByTime(), name: generateFileNameByTime(audioBlob.type),
duration: Math.floor((Date.now() - startTime.current) / 1000) duration: Math.floor((Date.now() - startTime.current) / 1000)
}); });