suricata/yt2mp3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

auto download

Browse Source
This commit is contained in:
suricata
2026-01-16 13:45:22 +00:00
parent ab4ceb877b
commit 7fcc5e344a
1 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/pages/index.vue
View File

@@ -8,9 +8,11 @@
const url = ref(""); const url = ref("");
const in_url = ref(""); const in_url = ref("");
const file_dwnl = ref("");
const music_params_schema = z.object({ const music_params_schema = z.object({
song: z.string("Song name required"), song: z.string("Song name required"),
artist: z.string("Artist name required"), artist: z.string().optional(),
album: z.string().optional() album: z.string().optional()
}) })
@@ -30,6 +32,7 @@
else video.value = 0 else video.value = 0
} }
async function start_conversion(event: FormSubmitEvent<musicParamsSchema>) { async function start_conversion(event: FormSubmitEvent<musicParamsSchema>) {
return fetch("/convert", { return fetch("/convert", {
method: "POST", method: "POST",
@@ -38,15 +41,27 @@
}, },
body: JSON.stringify({ body: JSON.stringify({
url: url.value, url: url.value,
name: music_params.song, song: music_params.song,
artist: music_params.artist, artist: music_params.artist,
album: music_params.album album: music_params.album
}) })
}).then(r => { }).then(async r => {
console.log(r.status) //console.log(r.status)
if(r.status == 401) if(r.status == 401)
window.location.href = "/login" window.location.href = "/login"
if(r.ok) {
const data = await r.json(); // resolves to { file: "my_audio.mp3" }
const file = data.file;
file_dwnl.value = `/download/${file}`;
const a = document.createElement("a");
a.href = file_dwnl.value;
a.download = file; // sets suggested filename
document.body.appendChild(a); // must append first
a.click(); // triggers download
a.remove();
}
}) })
} }
</script> </script>
@@ -75,19 +90,22 @@
<LazyYoutube :src="url" /> <LazyYoutube :src="url" />
</div> </div>
<UForm :schema="music_params_schema" :state="music_params" @submit="start_conversion()"> <UForm :schema="music_params_schema" :state="music_params" @submit="start_conversion">
<UFormField name="song" class="w-full mt-4 mb-3" label="Track Name:"> <UFormField name="song" class="w-full mt-4 mb-3" label="Track Name:">
<UInput type="text" v-model="music_params.song" class="w-full" /> <UInput type="text" v-model="music_params.song" class="w-full" />
</UFormField> </UFormField>
<UFormField name="artist" class="w-full mt-4 mb-3" label="Artist Name:"> <UFormField name="artist" class="w-full mt-4 mb-3" label="Artist Name: (optional)">
<UInput type="text" v-model="music_params.artist"class="w-full" /> <UInput type="text" v-model="music_params.artist"class="w-full" />
</UFormField> </UFormField>
<UFormField name="album" class="w-full mt-4 mb-3" label="Album Name:"> <UFormField name="album" class="w-full mt-4 mb-3" label="Album Name: (optional)">
<UInput type="text" v-model="music_params.album" class="w-full" /> <UInput type="text" v-model="music_params.album" class="w-full" />
</UFormField> </UFormField>
<div class="text-center"> <div class="text-center">
<UButton class="mt-4 rounded-2xl px-9 w-2/3 py-3 justify-center text-center " loading-auto type="submit">Convert to MP3</UButton> <UButton class="mt-4 rounded-2xl px-9 w-2/3 py-3 justify-center text-center " loading-auto type="submit">Convert to MP3</UButton>
</div> </div>
<div class="text-center">
<UButton class="mt-4 rounded-2xl px-9 w-2/3 py-3 justify-center text-center" icon="lucide:cloud-download" color="success" >Download</UButton>
</div>
</UForm> </UForm>
</div> </div>