night0721/youtube-downloader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

shorter code

Browse source
This commit is contained in:
NK 2023-04-27 15:30:38 +01:00
parent 4d1c6e892f
commit df13398d33
1 changed files with 10 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/pages/index.tsx
View file

@ -22,16 +22,16 @@ export default function Home() {
} }
}; };
const handleMp4 = async () => { const handle = async (type: string) => {
const videoID = getVideoID(url); const videoID = getVideoID(url);
setInfo("Processing the video..."); setInfo("Processing the video...");
if (videoID) { if (videoID) {
const title = await getTitle(videoID); const title = await getTitle(videoID);
try { try {
fetch(`/api/download`, { fetch("/api/download", {
method: "POST", method: "POST",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },
body: JSON.stringify({ url, type: "mp4" }), body: JSON.stringify({ url, type }),
}) })
.then(res => res.blob()) .then(res => res.blob())
.then(blob => { .then(blob => {
@ -41,7 +41,11 @@ export default function Home() {
"Unable to download! Maybe File size is too high. Try to download video less than 5MB" "Unable to download! Maybe File size is too high. Try to download video less than 5MB"
); );
} else { } else {
download(blob, `${title}.mp4`, "video/mp4"); download(
blob,
`${title}.${type}`,
type === "mp3" ? "audio/mpeg" : "video/mp4"
);
setInfo("Ready for download!"); setInfo("Ready for download!");
} }
}); });
@ -55,39 +59,6 @@ export default function Home() {
} }
}; };
const handleMp3 = async () => {
const videoID = getVideoID(url);
setInfo("Processing the video...");
if (videoID) {
const title = await getTitle(videoID);
try {
const requestOptions = {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ url, type: "mp3" }),
};
fetch(`/api/download`, requestOptions)
.then(res => res.blob())
.then(blob => {
const sizeInBytes = blob.size;
console.log("sizeInBytes: ", sizeInBytes);
if (sizeInBytes <= 0) {
setInfo(
"Unable to download! Maybe File size is too high. Try to download video less than 5MB"
);
} else {
download(blob, `${title}.mp3`, "audio/mpeg");
setInfo("Ready for download!");
}
});
} catch (err) {
console.log("err: ", err);
}
} else {
setInfo("Invalid URL");
}
};
return ( return (
<div> <div>
<Head> <Head>
@ -126,13 +97,13 @@ export default function Home() {
<div className="p-3 flex w-full justify-center"> <div className="p-3 flex w-full justify-center">
<button <button
className="p-3 m-1.5 flex w-56 justify-center bg-blue-900 text-white hover:bg-blue-600" className="p-3 m-1.5 flex w-56 justify-center bg-blue-900 text-white hover:bg-blue-600"
onClick={() => handleMp3()} onClick={() => handle("mp3")}
> >
Download mp3 Download mp3
</button> </button>
<button <button
className="p-3 m-1.5 flex w-48 justify-center bg-blue-900 text-white hover:bg-blue-600" className="p-3 m-1.5 flex w-48 justify-center bg-blue-900 text-white hover:bg-blue-600"
onClick={() => handleMp4()} onClick={() => handle("mp4")}
> >
Download mp4 Download mp4
</button> </button>