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

add 5 sec delay for each process

Browse Source
This commit is contained in:
Joel Mathew Thomas
2025-03-16 16:00:30 +05:30
parent a6ae646250
commit 4c45ccc62e
1 changed files with 35 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Pages/ProcessingPage.tsx
+33 -127
View File
@@ -21,6 +21,7 @@ function ProcessingPage() {
const [severity, setSeverity] = useState< const [severity, setSeverity] = useState<
"success" | "error" | "warning" | "info" "success" | "error" | "warning" | "info"
>("info"); >("info");
const showToast = ( const showToast = (
msg: string, msg: string,
type: "success" | "error" | "warning" | "info" type: "success" | "error" | "warning" | "info"
@@ -29,154 +30,59 @@ function ProcessingPage() {
setSeverity(type); setSeverity(type);
setOpen(true); setOpen(true);
}; };
const processNormalize = async () => {
const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
const processStep = async (url: string, nextStep: () => void, progressValue: number) => {
try { try {
const formData = new FormData(); const formData = new FormData();
formData.append("file_uuid", response.file_uuid); formData.append("file_uuid", response.file_uuid);
const res = await axios.post("http://127.0.0.1:8000/api/normalize", formData, { const startTime = Date.now();
headers: { const res = await axios.post(url, formData, {
"Content-Type": "multipart/form-data", headers: { "Content-Type": "multipart/form-data" },
},
}); });
console.log("response from server:", res);
if (res.status === 200 && res.data) { if (res.status === 200 && res.data) {
showToast(res.data.message, "success"); showToast(res.data.message, "success");
setProgress(25) const elapsedTime = Date.now() - startTime;
processTrim(); if (elapsedTime < 5000) await delay(5000 - elapsedTime);
setProgress(progressValue);
nextStep();
} else { } else {
showToast("Audio Normalization failed", "error"); showToast(`Step failed: ${url}`, "error");
} }
} catch (error) { } catch (error) {
console.error("Normalization failed:", error); console.error(`Error in step: ${url}`, error);
showToast(`Error processing: ${url}`, "error");
} }
}; };
const processTrim = async () => {
try {
const formData = new FormData();
formData.append("file_uuid", response.file_uuid);
const res = await axios.post(
"http://127.0.0.1:8000/api/trim",
formData,
{
headers: {
"Content-Type": "multipart/form-data",
},
}
);
console.log("response from server:", res);
if (res.status === 200 && res.data) {
showToast(res.data.message, "success");
if (response.audio_class === "Music") {
setProgress(50)
processResampling();
}else{
setProgress(75)
processNoiseReduce()
}
} else {
showToast("Audio Trimming failed", "error");
}
} catch (error) {
console.error("Trimming failed:", error);
return;
}
};
const processResampling = async () => {
try {
const formData = new FormData();
formData.append("file_uuid", response.file_uuid);
formData.append("sr", String(response.sr));
const res = await axios.post(
"http://127.0.0.1:8000/api/resample",
formData,
{
headers: {
"Content-Type": "multipart/form-data",
},
}
);
console.log("response from server:", res);
if (res.status === 200 && res.data) {
showToast(res.data.message, "success");
setProgress(75)
processSeparate()
} else {
showToast("Audio Resampling failed", "error");
}
} catch (error) {
console.error("Resampling failed:", error);
}
};
const processNoiseReduce = async () => {
try {
const formData = new FormData();
formData.append("file_uuid", response.file_uuid);
const res = await axios.post(
"http://127.0.0.1:8000/api/noisereduce",
formData,
{
headers: {
"Content-Type": "multipart/form-data",
},
}
);
console.log("response from server:", res);
if (res.status === 200 && res.data) {
showToast(res.data.message, "success");
setTimeout(()=>{
setProgress(100)
},5000)
} else {
showToast("Audio NoiseRemoval failed", "error");
}
} catch (error) {
console.error("NoiseRemoval failed:", error);
}
};
const processSeparate = async () => {
try {
const formData = new FormData();
formData.append("file_uuid", response.file_uuid);
const res = await axios.post(
"http://127.0.0.1:8000/api/separate",
formData,
{
headers: {
"Content-Type": "multipart/form-data",
},
}
);
console.log("response from server:", res);
if (res.status === 200 && res.data) {
setProgress(100)
showToast("Audio separated successfully", "success");
} else {
showToast("Audio separation failed", "error");
}
} catch (error) {
console.error("Separation failed:", error);
}
};
useEffect(() => { useEffect(() => {
if (!mediaFile) { if (!mediaFile) {
navigate("/upload"); navigate("/upload");
return; return;
} }
console.log("Normalizing....");
processNormalize();
console.log("Starting processing...");
processStep("http://127.0.0.1:8000/api/normalize", () => {
processStep("http://127.0.0.1:8000/api/trim", () => {
if (response.audio_class === "Music") {
processStep("http://127.0.0.1:8000/api/resample", () => {
processStep("http://127.0.0.1:8000/api/separate", () => setProgress(100), 100);
}, 75);
} else {
processStep("http://127.0.0.1:8000/api/noisereduce", () => setProgress(100), 100);
}
}, 50);
}, 25);
}, [mediaFile, navigate]); }, [mediaFile, navigate]);
useEffect(()=>{ useEffect(() => {
if(progress == 100){ if (progress === 100) {
navigate('/results') navigate("/results");
} }
},[progress]) }, [progress]);
return ( return (
<Container maxWidth="md" sx={{ py: 4 }}> <Container maxWidth="md" sx={{ py: 4 }}>