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);
setInfo("Processing the video...");
if (videoID) {
const title = await getTitle(videoID);
try {
fetch(`/api/download`, {
fetch("/api/download", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ url, type: "mp4" }),
body: JSON.stringify({ url, type }),
})
.then(res => res.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"
);
} else {
download(blob, `${title}.mp4`, "video/mp4");
download(
blob,
`${title}.${type}`,
type === "mp3" ? "audio/mpeg" : "video/mp4"
);
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 (
<div>
<Head>
@ -126,13 +97,13 @@ export default function Home() {
<div className="p-3 flex w-full justify-center">
<button
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
</button>
<button
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
</button>