fix download button
Browse files
front/src/components/AudioPlayer.tsx
CHANGED
|
@@ -14,15 +14,15 @@ export const AudioPlayer: React.FC<AudioPlayerProps> = ({ audioBuffer }) => {
|
|
| 14 |
}, [audioBuffer]);
|
| 15 |
|
| 16 |
const downloadUrl = useMemo(() => {
|
| 17 |
-
const
|
| 18 |
-
|
| 19 |
-
return `data:audio/wav;base64,${base64}`;
|
| 20 |
}, [audioBuffer]);
|
| 21 |
|
| 22 |
// Clean up the object URL when the component unmounts or audioBuffer changes.
|
| 23 |
useEffect(() => {
|
| 24 |
return () => {
|
| 25 |
URL.revokeObjectURL(blobUrl);
|
|
|
|
| 26 |
};
|
| 27 |
}, [blobUrl]);
|
| 28 |
|
|
|
|
| 14 |
}, [audioBuffer]);
|
| 15 |
|
| 16 |
const downloadUrl = useMemo(() => {
|
| 17 |
+
const wavBlob = blobFromAudioBuffer(audioBuffer);
|
| 18 |
+
return URL.createObjectURL(wavBlob);
|
|
|
|
| 19 |
}, [audioBuffer]);
|
| 20 |
|
| 21 |
// Clean up the object URL when the component unmounts or audioBuffer changes.
|
| 22 |
useEffect(() => {
|
| 23 |
return () => {
|
| 24 |
URL.revokeObjectURL(blobUrl);
|
| 25 |
+
URL.revokeObjectURL(downloadUrl);
|
| 26 |
};
|
| 27 |
}, [blobUrl]);
|
| 28 |
|