Linus-Enjoyer/Freedom-Loader
1
0
Fork 0
mirror of https://github.com/MasterAcnolo/Freedom-Loader.git synced 2026-07-29 18:25:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Loading Screen

Browse Source
This commit is contained in:
MasterAcnolo
2025-06-27 23:11:42 +02:00
parent e9f4b80b7b
commit bb967834f0
3 changed files with 68 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@@ -8,7 +8,7 @@
<body> <body>
<form action="/download" method="POST"> <form action="/download" method="POST" id="downloadForm">
<input name="url" placeholder="URL YouTube" id="UrlInput"> <input name="url" placeholder="URL YouTube" id="UrlInput">
<input type="checkbox" name="audioOnly" value="1"> MP3 seulement <input type="checkbox" name="audioOnly" value="1"> MP3 seulement
<select name="quality"> <select name="quality">
@@ -18,6 +18,7 @@
<button type="submit">Télécharger</button> <button type="submit">Télécharger</button>
</form> </form>
<div id="downloadStatus" style="margin-top: 1em; font-weight:bold;"></div>
<!--Il faut utiliser un formulaire, parce que on doit envoyer a un serveur <!--Il faut utiliser un formulaire, parce que on doit envoyer a un serveur
les données à traiter. Pour cela on définit une route vers /download, ca va les données à traiter. Pour cela on définit une route vers /download, ca va
@@ -27,6 +28,7 @@
<div id="videoInfo" style="margin-top: 20px;"></div> <div id="videoInfo" style="margin-top: 20px;"></div>
<script src="script/downloadstatus.js"></script>
<script src="script/fetchinfo.js"></script> <script src="script/fetchinfo.js"></script>
</body> </body>
</html> </html>

29
public/script/downloadstatus.js Normal file
View File

@@ -0,0 +1,29 @@
const form = document.getElementById("downloadForm");
const statusDiv = document.getElementById("downloadStatus");
form.addEventListener("submit", async (e) => {
e.preventDefault(); // empêche la soumission classique (rechargement)
statusDiv.textContent = "⏳ Téléchargement en cours...";
const formData = new FormData(form);
const params = new URLSearchParams(formData);
try {
const res = await fetch("/download", {
method: "POST",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: params,
});
if (!res.ok) {
statusDiv.textContent = "❌ Erreur pendant le téléchargement.";
return;
}
const text = await res.text();
statusDiv.textContent = text; // affiche « Téléchargement terminé » ou autre message serveur
} catch {
statusDiv.textContent = "❌ Une erreur s’est produite.";
}
});

76
server/routes/download.js
View File

@@ -2,53 +2,43 @@ const express = require("express");
const router = express.Router(); const router = express.Router();
const { exec } = require("child_process"); const { exec } = require("child_process");
router.post("/", (req, res) => { router.post("/", (req, res) => {
const options = { const options = {
url: req.body.url, url: req.body.url,
audioOnly: req.body.audioOnly === "1", // coché mp3 audioOnly: req.body.audioOnly === "1",
quality: req.body.quality || "best", // par défaut best quality: req.body.quality || "best",
subtitles: req.body.subs === "1", // imaginons un checkbox subtitles: req.body.subs === "1",
//FAUT RAJOUTER DES ARGUMENTS SOUS CETTE FORME };
};
if (!options.url) { if (!options.url) {
return res.status(400).send("❌ URL manquante !"); return res.status(400).send("❌ URL manquante !");
}
let command = `yt-dlp`;
if (options.audioOnly) {
command += " --extract-audio --audio-format mp3";
}
if (options.subtitles) {
command += " --write-subs --sub-lang en";
}
command += ` -f ${options.quality}`;
command += ` -o "downloads/%(title)s.%(ext)s"`;
command += ` "${options.url}"`;
console.log("🔧 Commande finale :", command);
exec(command, (error, stdout, stderr) => {
if (error) {
console.error("Erreur yt-dlp :", stderr || error.message);
return res.status(500).send("❌ Erreur pendant le téléchargement.");
} }
// construction progressive de la commmande console.log("yt-dlp terminé :", stdout);
res.send("✅ Téléchargement terminé !");
// A SAVOIR QUE L'ON VA DISTINGUER DEUX TYPES D'ARGUMENTS SI j'AI BIEN COMPRIS, GENRE });
// LES ARGUMENTS OBLIGATOIRES ET LES ARGUMENTS FALCUTATIFS
// GENRE LES SOUS TITRE OU L'AUDIO ONLY QUI SONT NON ESSENTIEL
let command = `yt-dlp`;
if (options.audioOnly) {
command += " --extract-audio --audio-format mp3"; // AJOUT DE l'ONLY AUDIO SI JAMAIS ON LE CHECK, SINON CA PREND LA VALEUR PAR DEFAUT A SAVOIR VIDEO
}
if (options.subtitles) {
command += " --write-subs --sub-lang en";
}
command += ` -f ${options.quality}`; //QUALITE DU TELECHARGEMENT
command += ` -o "downloads/%(title)s.%(ext)s"`; // DOSSIER DE SORTIE
command += ` "${options.url}"`; // L'URL DE BASE
// ON COOK LA COMMANDE FINALE ICI:
console.log("🔧 Commande finale :", command);
exec(command, (error, stdout, stderr) => { // Error = Erreur Node JS || stdout = sortie de la commande du terminal || STDerr c'est les erreurs interne au terminal
if (error) {
console.error("Erreur yt-dlp :", stderr || error.message);
return res.status(500).send("❌ Erreur pendant le téléchargement.");
}
console.log("yt-dlp terminé :", stdout);
res.send("✅ Téléchargement terminé !");
});
}); });
module.exports = router; module.exports = router;