`Para usar a ferramenta yt-dlp para baixar vídeos do Facebook Shorts, precisaremos integrar um backend em Python para processar os links. O frontend enviará a URL para o backend, que usará o yt-dlp para baixar o vídeo e devolverá um link direto para o arquivo baixado.
Aqui está uma solução completa usando HTML (frontend) e Python com Flask (backend).
---
1. Backend em Python (Flask)
Crie um arquivo chamado app.py com o seguinte código:
from flask import Flask, request, jsonify, send_file
import yt_dlp
import os
app = Flask(
name)
# Pasta para salvar os vídeos baixados
DOWNLOAD_FOLDER = "downloads"
os.makedirs(DOWNLOAD_FOLDER, exist_ok=True)
@app.route("/download", methods=["POST"])
def download_video():
try:
data = request.json
video_url = data.get("url")
if not video_url:
return jsonify({"error": "Nenhuma URL fornecida"}), 400
# Configuração do yt-dlp
ydl_opts = {
"outtmpl": f"{DOWNLOAD_FOLDER}/%(title)s.%(ext)s",
"format": "best",
}
# Baixar o vídeo
with yt_dlp.YoutubeDL(ydl_opts) as ydl:
info = ydl.extract_info(video_url, download=True)
file_path = ydl.prepare_filename(info)
return jsonify({"success": True, "file_path": file_path}), 200
except Exception as e:
print(f"Erro ao processar o vídeo: {e}")
return jsonify({"error": str(e)}), 500
@app.route("/get_file", methods=["GET"])
def get_file():
file_path = request.args.get("file_path")
if not file_path or not os.path.exists(file_path):
return jsonify({"error": "Arquivo não encontrado"}), 404
return send_file(file_path, as_attachment=True)
if
name == "
main":
app.run(debug=True, host="0.0.0.0", port=5000)
---
2. Frontend HTML
Crie um arquivo chamado index.html com o seguinte código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Baixar Vídeos do Facebook Shorts</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 20px;
background-color: #f4f4f4;
}
.container {
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 400px;
margin: 0 auto;
}
input {
width: 90%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
padding: 10px 20px;
border: none;
background-color: #1877f2;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #145dbf;
}
.message {
margin-top: 15px;
color: #555;
}
a {
color: #1877f2;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<h2>Baixar Vídeos do Facebook Shorts</h2>
<p>Insira o link do vídeo abaixo:</p>
<input type="text" id="videoUrl" placeholder="Cole o link do vídeo aqui">
<button onclick="downloadVideo()">Baixar Vídeo</button>
<p id="status" class="message"></p>
</div>
<script>
async function downloadVideo() {
const videoUrl = document.getElementById("videoUrl").value;
const status = document.getElementById("status");
if (!videoUrl || !videoUrl.includes("facebook.com")) {
status.textContent = "Por favor, insira um link válido do Facebook.";
return;
}
status.textContent = "Processando o vídeo...";
