joel/freqsplit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfix: pass sr in formData to api/resample/

Browse Source
This commit is contained in:
Joel Mathew Thomas
2025-03-16 16:05:29 +05:30
parent 4c45ccc62e
commit a89b625453
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Pages/ProcessingPage.tsx
+20 -19
View File
@@ -1,13 +1,7 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Snackbar, Alert } from "@mui/material"; import { Snackbar, Alert } from "@mui/material";
import { import { Typography, Container, Paper, Box, LinearProgress } from "@mui/material";
Typography,
Container,
Paper,
Box,
LinearProgress,
} from "@mui/material";
import StepperComponent from "../components/StepperComponent"; import StepperComponent from "../components/StepperComponent";
import { useMediaContext } from "../contexts/MediaContext"; import { useMediaContext } from "../contexts/MediaContext";
import axios from "axios"; import axios from "axios";
@@ -18,25 +12,27 @@ function ProcessingPage() {
const [progress, setProgress] = useState(0); const [progress, setProgress] = useState(0);
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [message, setMessage] = useState(""); const [message, setMessage] = useState("");
const [severity, setSeverity] = useState< const [severity, setSeverity] = useState("info");
"success" | "error" | "warning" | "info"
>("info");
const showToast = ( const showToast = (msg, type) => {
msg: string,
type: "success" | "error" | "warning" | "info"
) => {
setMessage(msg); setMessage(msg);
setSeverity(type); setSeverity(type);
setOpen(true); setOpen(true);
}; };
const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms)); const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
const processStep = async (url: string, nextStep: () => void, progressValue: number) => { const processStep = async (url, nextStep, progressValue, extraData = null) => {
try { try {
const formData = new FormData(); const formData = new FormData();
formData.append("file_uuid", response.file_uuid); formData.append("file_uuid", response.file_uuid);
if (extraData) {
for (const key in extraData) {
formData.append(key, extraData[key]);
}
}
const startTime = Date.now(); const startTime = Date.now();
const res = await axios.post(url, formData, { const res = await axios.post(url, formData, {
headers: { "Content-Type": "multipart/form-data" }, headers: { "Content-Type": "multipart/form-data" },
@@ -68,9 +64,14 @@ function ProcessingPage() {
processStep("http://127.0.0.1:8000/api/normalize", () => { processStep("http://127.0.0.1:8000/api/normalize", () => {
processStep("http://127.0.0.1:8000/api/trim", () => { processStep("http://127.0.0.1:8000/api/trim", () => {
if (response.audio_class === "Music") { if (response.audio_class === "Music") {
processStep("http://127.0.0.1:8000/api/resample", () => { processStep(
processStep("http://127.0.0.1:8000/api/separate", () => setProgress(100), 100); "http://127.0.0.1:8000/api/resample",
}, 75); () => {
processStep("http://127.0.0.1:8000/api/separate", () => setProgress(100), 100);
},
75,
{ sr: response.sr?.toString() || "44100" }
);
} else { } else {
processStep("http://127.0.0.1:8000/api/noisereduce", () => setProgress(100), 100); processStep("http://127.0.0.1:8000/api/noisereduce", () => setProgress(100), 100);
} }