initial commit
Raynoxis
8 months ago
commit
7050c6fe56
@ -0,0 +1,15 @@
|
|||||||
|
.git
|
||||||
|
.gitignore
|
||||||
|
*.md
|
||||||
|
downloads/
|
||||||
|
__pycache__/
|
||||||
|
*.pyc
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
|
.env
|
||||||
|
docker-compose.yml
|
||||||
|
LICENSE
|
||||||
|
docs/
|
||||||
|
*.mp4
|
||||||
|
*.mkv
|
||||||
|
*.webm
|
||||||
@ -0,0 +1,38 @@
|
|||||||
|
# Python
|
||||||
|
__pycache__/
|
||||||
|
*.py[cod]
|
||||||
|
*$py.class
|
||||||
|
*.so
|
||||||
|
.Python
|
||||||
|
env/
|
||||||
|
venv/
|
||||||
|
ENV/
|
||||||
|
.venv
|
||||||
|
*.egg-info/
|
||||||
|
dist/
|
||||||
|
build/
|
||||||
|
|
||||||
|
# Downloads
|
||||||
|
downloads/
|
||||||
|
*.mp4
|
||||||
|
*.mkv
|
||||||
|
*.webm
|
||||||
|
*.m4a
|
||||||
|
|
||||||
|
# IDE
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
|
*.swp
|
||||||
|
*.swo
|
||||||
|
*~
|
||||||
|
|
||||||
|
# OS
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
|
||||||
|
# Logs
|
||||||
|
*.log
|
||||||
|
|
||||||
|
# Environment
|
||||||
|
.env
|
||||||
|
.env.local
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
FROM python:3.11-slim
|
||||||
|
|
||||||
|
# Installation des dépendances système
|
||||||
|
RUN apt-get update && apt-get install -y \
|
||||||
|
ffmpeg \
|
||||||
|
wget \
|
||||||
|
&& rm -rf /var/lib/apt/lists/*
|
||||||
|
|
||||||
|
# Installation de yt-dlp
|
||||||
|
RUN wget https://github.com/yt-dlp/yt-dlp/releases/latest/download/yt-dlp -O /usr/local/bin/yt-dlp \
|
||||||
|
&& chmod +x /usr/local/bin/yt-dlp
|
||||||
|
|
||||||
|
# Installation de Flask
|
||||||
|
RUN pip install --no-cache-dir flask flask-cors
|
||||||
|
|
||||||
|
# Création des répertoires
|
||||||
|
WORKDIR /app
|
||||||
|
RUN mkdir -p /app/downloads /app/templates
|
||||||
|
|
||||||
|
# Copie des fichiers de l'application
|
||||||
|
COPY app.py /app/
|
||||||
|
COPY templates/index.html /app/templates/
|
||||||
|
|
||||||
|
# Exposition du port
|
||||||
|
EXPOSE 5000
|
||||||
|
|
||||||
|
# Variables d'environnement
|
||||||
|
ENV FLASK_APP=app.py
|
||||||
|
ENV PYTHONUNBUFFERED=1
|
||||||
|
|
||||||
|
# Commande de démarrage
|
||||||
|
CMD ["python", "-u", "app.py"]
|
||||||
@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2025 [Votre Nom]
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
@ -0,0 +1,121 @@
|
|||||||
|
# 🎬 yt-dlp Web Interface
|
||||||
|
|
||||||
|
Interface web moderne pour télécharger des vidéos YouTube avec [yt-dlp](https://github.com/yt-dlp/yt-dlp), conteneurisée avec Docker/Podman.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## ✨ Fonctionnalités
|
||||||
|
|
||||||
|
- 🔍 **Analyse complète** des formats vidéo et audio disponibles
|
||||||
|
- 🎯 **Sélection précise** des formats (qualité, codec, bitrate)
|
||||||
|
- ⚙️ **Options de sortie** personnalisables (MP4, MKV, WebM)
|
||||||
|
- 🎵 **Transcodage audio** (AAC, MP3, Opus) avec contrôle du bitrate
|
||||||
|
- 📦 **Interface moderne** et responsive
|
||||||
|
- 🐳 **Conteneurisé** pour un déploiement facile
|
||||||
|
- 🧹 **Nettoyage automatique** des fichiers entre les téléchargements
|
||||||
|
- 📋 **Affichage de la commande** exécutée pour transparence
|
||||||
|
|
||||||
|
## 🚀 Démarrage rapide
|
||||||
|
|
||||||
|
### Avec Docker
|
||||||
|
```bash
|
||||||
|
docker pull votreusername/ytdlp-web:latest
|
||||||
|
docker run -d -p 5000:5000 --name ytdlp-web votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### Avec Podman
|
||||||
|
```bash
|
||||||
|
podman pull votreusername/ytdlp-web:latest
|
||||||
|
podman run -d -p 5000:5000 --name ytdlp-web votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### Avec Docker Compose
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/votreusername/yt-dlp-web.git
|
||||||
|
cd yt-dlp-web
|
||||||
|
docker-compose up -d
|
||||||
|
```
|
||||||
|
|
||||||
|
Accédez à l'interface : **http://localhost:5000**
|
||||||
|
|
||||||
|
## 📖 Documentation
|
||||||
|
|
||||||
|
- [Installation détaillée](docs/INSTALLATION.md)
|
||||||
|
- [Guide d'utilisation](docs/USAGE.md)
|
||||||
|
|
||||||
|
## 🛠️ Build depuis les sources
|
||||||
|
```bash
|
||||||
|
# Cloner le repo
|
||||||
|
git clone https://github.com/votreusername/yt-dlp-web.git
|
||||||
|
cd yt-dlp-web
|
||||||
|
|
||||||
|
# Build avec Docker
|
||||||
|
docker build -t ytdlp-web .
|
||||||
|
|
||||||
|
# Ou avec Podman
|
||||||
|
podman build -t ytdlp-web .
|
||||||
|
|
||||||
|
# Lancer
|
||||||
|
docker run -d -p 5000:5000 --name ytdlp-web ytdlp-web
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🎯 Utilisation
|
||||||
|
|
||||||
|
1. Collez l'URL d'une vidéo YouTube
|
||||||
|
2. Cliquez sur "Analyser la vidéo"
|
||||||
|
3. Sélectionnez les formats vidéo et audio souhaités
|
||||||
|
4. Choisissez les options de sortie (conteneur, codec audio, bitrate)
|
||||||
|
5. Cliquez sur "Télécharger"
|
||||||
|
6. Téléchargez le fichier généré
|
||||||
|
|
||||||
|
## 📸 Screenshots
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 🔧 Configuration avancée
|
||||||
|
|
||||||
|
### Volumes persistants
|
||||||
|
```bash
|
||||||
|
docker run -d \
|
||||||
|
-p 5000:5000 \
|
||||||
|
-v ./downloads:/app/downloads \
|
||||||
|
--name ytdlp-web \
|
||||||
|
votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### Variables d'environnement
|
||||||
|
```bash
|
||||||
|
docker run -d \
|
||||||
|
-p 5000:5000 \
|
||||||
|
-e FLASK_ENV=production \
|
||||||
|
--name ytdlp-web \
|
||||||
|
votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🤝 Contribution
|
||||||
|
|
||||||
|
Les contributions sont les bienvenues ! N'hésitez pas à :
|
||||||
|
|
||||||
|
1. Fork le projet
|
||||||
|
2. Créer une branche (`git checkout -b feature/amelioration`)
|
||||||
|
3. Commit vos changements (`git commit -am 'Ajout nouvelle fonctionnalité'`)
|
||||||
|
4. Push vers la branche (`git push origin feature/amelioration`)
|
||||||
|
5. Ouvrir une Pull Request
|
||||||
|
|
||||||
|
## 📝 License
|
||||||
|
|
||||||
|
Ce projet est sous licence MIT. Voir le fichier [LICENSE](LICENSE) pour plus de détails.
|
||||||
|
|
||||||
|
## 🙏 Remerciements
|
||||||
|
|
||||||
|
- [yt-dlp](https://github.com/yt-dlp/yt-dlp) - Le meilleur outil de téléchargement vidéo
|
||||||
|
- [Flask](https://flask.palletsprojects.com/) - Framework web Python
|
||||||
|
- [FFmpeg](https://ffmpeg.org/) - Traitement vidéo et audio
|
||||||
|
|
||||||
|
## ⚠️ Avertissement
|
||||||
|
|
||||||
|
Cet outil est destiné à un usage personnel et éducatif. Respectez les conditions d'utilisation de YouTube et les lois sur le droit d'auteur de votre pays.
|
||||||
|
|
||||||
@ -0,0 +1,234 @@
|
|||||||
|
from flask import Flask, render_template, request, jsonify, send_file
|
||||||
|
import subprocess
|
||||||
|
import json
|
||||||
|
import os
|
||||||
|
import re
|
||||||
|
from pathlib import Path
|
||||||
|
|
||||||
|
app = Flask(__name__)
|
||||||
|
DOWNLOAD_DIR = Path('/app/downloads')
|
||||||
|
DOWNLOAD_DIR.mkdir(exist_ok=True)
|
||||||
|
|
||||||
|
@app.route('/')
|
||||||
|
def index():
|
||||||
|
return render_template('index.html')
|
||||||
|
|
||||||
|
@app.route('/api/analyze', methods=['POST'])
|
||||||
|
def analyze_video():
|
||||||
|
"""Analyse une URL YouTube et retourne les formats disponibles"""
|
||||||
|
try:
|
||||||
|
# Nettoyage des anciens fichiers lors d'une nouvelle analyse
|
||||||
|
for file in DOWNLOAD_DIR.glob('*'):
|
||||||
|
if file.is_file():
|
||||||
|
try:
|
||||||
|
file.unlink()
|
||||||
|
except:
|
||||||
|
pass
|
||||||
|
|
||||||
|
data = request.get_json()
|
||||||
|
url = data.get('url', '').strip()
|
||||||
|
|
||||||
|
if not url:
|
||||||
|
return jsonify({'error': 'URL manquante'}), 400
|
||||||
|
|
||||||
|
# Commande yt-dlp pour lister les formats
|
||||||
|
cmd = ['yt-dlp', '-J', url]
|
||||||
|
result = subprocess.run(cmd, capture_output=True, text=True, timeout=30)
|
||||||
|
|
||||||
|
if result.returncode != 0:
|
||||||
|
return jsonify({'error': f'Erreur yt-dlp: {result.stderr}'}), 400
|
||||||
|
|
||||||
|
video_info = json.loads(result.stdout)
|
||||||
|
|
||||||
|
# Extraction des informations
|
||||||
|
title = video_info.get('title', 'Sans titre')
|
||||||
|
duration = video_info.get('duration', 0)
|
||||||
|
thumbnail = video_info.get('thumbnail', '')
|
||||||
|
|
||||||
|
# Traitement des formats
|
||||||
|
formats = video_info.get('formats', [])
|
||||||
|
video_formats = []
|
||||||
|
audio_formats = []
|
||||||
|
|
||||||
|
for fmt in formats:
|
||||||
|
format_id = fmt.get('format_id', '')
|
||||||
|
ext = fmt.get('ext', '')
|
||||||
|
resolution = fmt.get('resolution', 'audio only')
|
||||||
|
filesize = fmt.get('filesize', 0) or fmt.get('filesize_approx', 0)
|
||||||
|
vcodec = fmt.get('vcodec', 'none')
|
||||||
|
acodec = fmt.get('acodec', 'none')
|
||||||
|
fps = fmt.get('fps', 0)
|
||||||
|
tbr = fmt.get('tbr', 0)
|
||||||
|
|
||||||
|
# Formats vidéo (avec vidéo)
|
||||||
|
if vcodec != 'none' and resolution != 'audio only':
|
||||||
|
size_mb = f"{filesize / (1024*1024):.1f} MB" if filesize else "N/A"
|
||||||
|
video_formats.append({
|
||||||
|
'id': format_id,
|
||||||
|
'label': f"{resolution} - {ext} - {vcodec} - {fps}fps - {size_mb}",
|
||||||
|
'ext': ext,
|
||||||
|
'resolution': resolution,
|
||||||
|
'vcodec': vcodec,
|
||||||
|
'filesize': filesize
|
||||||
|
})
|
||||||
|
|
||||||
|
# Formats audio (sans vidéo)
|
||||||
|
if acodec != 'none' and vcodec == 'none':
|
||||||
|
abr = fmt.get('abr', 0)
|
||||||
|
size_mb = f"{filesize / (1024*1024):.1f} MB" if filesize else "N/A"
|
||||||
|
audio_formats.append({
|
||||||
|
'id': format_id,
|
||||||
|
'label': f"{acodec} - {abr}kbps - {ext} - {size_mb}",
|
||||||
|
'ext': ext,
|
||||||
|
'acodec': acodec,
|
||||||
|
'abr': abr,
|
||||||
|
'filesize': filesize
|
||||||
|
})
|
||||||
|
|
||||||
|
# Tri par qualité
|
||||||
|
video_formats.sort(key=lambda x: x.get('filesize', 0), reverse=True)
|
||||||
|
audio_formats.sort(key=lambda x: x.get('filesize', 0), reverse=True)
|
||||||
|
|
||||||
|
return jsonify({
|
||||||
|
'title': title,
|
||||||
|
'duration': duration,
|
||||||
|
'thumbnail': thumbnail,
|
||||||
|
'video_formats': video_formats,
|
||||||
|
'audio_formats': audio_formats
|
||||||
|
})
|
||||||
|
|
||||||
|
except subprocess.TimeoutExpired:
|
||||||
|
return jsonify({'error': 'Timeout lors de l\'analyse'}), 408
|
||||||
|
except json.JSONDecodeError:
|
||||||
|
return jsonify({'error': 'Erreur de parsing JSON'}), 500
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({'error': f'Erreur serveur: {str(e)}'}), 500
|
||||||
|
|
||||||
|
@app.route('/api/download', methods=['POST'])
|
||||||
|
def download_video():
|
||||||
|
"""Télécharge la vidéo avec les paramètres spécifiés"""
|
||||||
|
try:
|
||||||
|
# Nettoyage des anciens fichiers avant nouveau téléchargement
|
||||||
|
for file in DOWNLOAD_DIR.glob('*'):
|
||||||
|
if file.is_file():
|
||||||
|
try:
|
||||||
|
file.unlink()
|
||||||
|
except:
|
||||||
|
pass
|
||||||
|
|
||||||
|
data = request.get_json()
|
||||||
|
url = data.get('url', '').strip()
|
||||||
|
video_format = data.get('video_format', '')
|
||||||
|
audio_format = data.get('audio_format', '')
|
||||||
|
output_container = data.get('output_container', 'mp4')
|
||||||
|
audio_codec = data.get('audio_codec', 'aac')
|
||||||
|
audio_bitrate = data.get('audio_bitrate', '192k')
|
||||||
|
|
||||||
|
if not url:
|
||||||
|
return jsonify({'error': 'URL manquante'}), 400
|
||||||
|
|
||||||
|
# Construction de la chaîne de format
|
||||||
|
if video_format and audio_format:
|
||||||
|
format_string = f"{video_format}+{audio_format}"
|
||||||
|
elif video_format:
|
||||||
|
format_string = f"{video_format}+ba"
|
||||||
|
elif audio_format:
|
||||||
|
format_string = f"bv+{audio_format}"
|
||||||
|
else:
|
||||||
|
format_string = "bv+ba/best"
|
||||||
|
|
||||||
|
# Nom de fichier sécurisé avec timestamp pour éviter les conflits
|
||||||
|
import time
|
||||||
|
timestamp = int(time.time())
|
||||||
|
output_template = str(DOWNLOAD_DIR / f'%(title)s_{timestamp}.%(ext)s')
|
||||||
|
|
||||||
|
# Construction de la commande yt-dlp
|
||||||
|
cmd = [
|
||||||
|
'yt-dlp',
|
||||||
|
'-f', format_string,
|
||||||
|
'--merge-output-format', output_container,
|
||||||
|
'-o', output_template
|
||||||
|
]
|
||||||
|
|
||||||
|
# Ajout des arguments de post-processing pour l'audio
|
||||||
|
postproc_added = False
|
||||||
|
if audio_codec and audio_codec != 'copy':
|
||||||
|
postproc_args = f"-c:a {audio_codec}"
|
||||||
|
if audio_bitrate:
|
||||||
|
postproc_args += f" -b:a {audio_bitrate}"
|
||||||
|
cmd.extend(['--postprocessor-args', f'ffmpeg:{postproc_args}'])
|
||||||
|
postproc_added = True
|
||||||
|
# Si copy est sélectionné, on ne réencode pas du tout
|
||||||
|
# Le bitrate est ignoré car on ne peut pas changer le bitrate sans réencoder
|
||||||
|
|
||||||
|
# Ajout de l'URL à la fin
|
||||||
|
cmd.append(url)
|
||||||
|
|
||||||
|
# Conversion de la commande en string pour affichage
|
||||||
|
cmd_string = ' '.join(f'"{arg}"' if ' ' in arg else arg for arg in cmd)
|
||||||
|
|
||||||
|
# Exécution du téléchargement
|
||||||
|
result = subprocess.run(cmd, capture_output=True, text=True, timeout=600)
|
||||||
|
|
||||||
|
if result.returncode != 0:
|
||||||
|
return jsonify({
|
||||||
|
'error': f'Erreur téléchargement: {result.stderr}',
|
||||||
|
'command': cmd_string
|
||||||
|
}), 400
|
||||||
|
|
||||||
|
# Recherche du fichier téléchargé
|
||||||
|
downloaded_files = list(DOWNLOAD_DIR.glob(f'*.{output_container}'))
|
||||||
|
if not downloaded_files:
|
||||||
|
downloaded_files = list(DOWNLOAD_DIR.glob('*'))
|
||||||
|
|
||||||
|
if not downloaded_files:
|
||||||
|
return jsonify({
|
||||||
|
'error': 'Fichier téléchargé introuvable',
|
||||||
|
'command': cmd_string
|
||||||
|
}), 404
|
||||||
|
|
||||||
|
# Dernier fichier modifié
|
||||||
|
latest_file = max(downloaded_files, key=lambda p: p.stat().st_mtime)
|
||||||
|
|
||||||
|
return jsonify({
|
||||||
|
'success': True,
|
||||||
|
'filename': latest_file.name,
|
||||||
|
'size': latest_file.stat().st_size,
|
||||||
|
'command': cmd_string,
|
||||||
|
'stdout': result.stdout,
|
||||||
|
'format_used': format_string,
|
||||||
|
'postproc_applied': postproc_added,
|
||||||
|
'audio_codec': audio_codec if audio_codec != 'copy' else 'original (copy)',
|
||||||
|
'audio_bitrate': audio_bitrate if audio_codec != 'copy' else 'original'
|
||||||
|
})
|
||||||
|
|
||||||
|
except subprocess.TimeoutExpired:
|
||||||
|
return jsonify({'error': 'Timeout lors du téléchargement'}), 408
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({'error': f'Erreur serveur: {str(e)}'}), 500
|
||||||
|
|
||||||
|
@app.route('/api/download-file/<filename>')
|
||||||
|
def download_file(filename):
|
||||||
|
"""Télécharge le fichier généré"""
|
||||||
|
try:
|
||||||
|
file_path = DOWNLOAD_DIR / filename
|
||||||
|
if not file_path.exists():
|
||||||
|
return jsonify({'error': 'Fichier introuvable'}), 404
|
||||||
|
|
||||||
|
return send_file(file_path, as_attachment=True)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({'error': str(e)}), 500
|
||||||
|
|
||||||
|
@app.route('/api/cleanup', methods=['POST'])
|
||||||
|
def cleanup():
|
||||||
|
"""Nettoie les fichiers téléchargés"""
|
||||||
|
try:
|
||||||
|
for file in DOWNLOAD_DIR.glob('*'):
|
||||||
|
if file.is_file():
|
||||||
|
file.unlink()
|
||||||
|
return jsonify({'success': True})
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({'error': str(e)}), 500
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
app.run(host='0.0.0.0', port=5000, debug=False)
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
version: '3.8'
|
||||||
|
|
||||||
|
services:
|
||||||
|
ytdlp-web:
|
||||||
|
build: .
|
||||||
|
container_name: ytdlp-web
|
||||||
|
ports:
|
||||||
|
- "5001:5000"
|
||||||
|
volumes:
|
||||||
|
- ./downloads:/app/downloads
|
||||||
|
restart: unless-stopped
|
||||||
|
environment:
|
||||||
|
- FLASK_ENV=production
|
||||||
|
- PYTHONUNBUFFERED=1
|
||||||
|
healthcheck:
|
||||||
|
test: ["CMD", "curl", "-f", "http://localhost:5000/"]
|
||||||
|
interval: 30s
|
||||||
|
timeout: 10s
|
||||||
|
retries: 3
|
||||||
|
start_period: 40s
|
||||||
@ -0,0 +1,81 @@
|
|||||||
|
# 📦 Guide d'installation
|
||||||
|
|
||||||
|
## Prérequis
|
||||||
|
|
||||||
|
- Docker ou Podman installé
|
||||||
|
- 2 Go d'espace disque disponible
|
||||||
|
- Connexion internet
|
||||||
|
|
||||||
|
## Installation avec Docker
|
||||||
|
|
||||||
|
### 1. Via Docker Hub
|
||||||
|
```bash
|
||||||
|
docker pull votreusername/ytdlp-web:latest
|
||||||
|
docker run -d -p 5000:5000 --name ytdlp-web votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Build depuis les sources
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/votreusername/yt-dlp-web.git
|
||||||
|
cd yt-dlp-web
|
||||||
|
docker build -t ytdlp-web .
|
||||||
|
docker run -d -p 5000:5000 --name ytdlp-web ytdlp-web
|
||||||
|
```
|
||||||
|
|
||||||
|
## Installation avec Podman
|
||||||
|
|
||||||
|
### 1. Via registre
|
||||||
|
```bash
|
||||||
|
podman pull votreusername/ytdlp-web:latest
|
||||||
|
podman run -d -p 5000:5000 --name ytdlp-web votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Build depuis les sources
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/votreusername/yt-dlp-web.git
|
||||||
|
cd yt-dlp-web
|
||||||
|
podman build -t ytdlp-web .
|
||||||
|
podman run -d -p 5000:5000 --name ytdlp-web ytdlp-web
|
||||||
|
```
|
||||||
|
|
||||||
|
## Configuration avancée
|
||||||
|
|
||||||
|
### Avec volumes persistants
|
||||||
|
```bash
|
||||||
|
mkdir -p ~/ytdlp-downloads
|
||||||
|
docker run -d \
|
||||||
|
-p 5000:5000 \
|
||||||
|
-v ~/ytdlp-downloads:/app/downloads:Z \
|
||||||
|
--name ytdlp-web \
|
||||||
|
votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### Avec Docker Compose
|
||||||
|
```bash
|
||||||
|
docker-compose up -d
|
||||||
|
```
|
||||||
|
|
||||||
|
## Vérification
|
||||||
|
|
||||||
|
Accédez à http://localhost:5000 dans votre navigateur.
|
||||||
|
|
||||||
|
## Dépannage
|
||||||
|
|
||||||
|
### Le conteneur ne démarre pas
|
||||||
|
```bash
|
||||||
|
docker logs ytdlp-web
|
||||||
|
```
|
||||||
|
|
||||||
|
### Port déjà utilisé
|
||||||
|
|
||||||
|
Changez le port :
|
||||||
|
```bash
|
||||||
|
docker run -d -p 8080:5000 --name ytdlp-web votreusername/ytdlp-web:latest
|
||||||
|
```
|
||||||
|
|
||||||
|
### Permissions SELinux
|
||||||
|
|
||||||
|
Ajoutez `:Z` au volume :
|
||||||
|
```bash
|
||||||
|
-v ~/downloads:/app/downloads:Z
|
||||||
|
```
|
||||||
@ -0,0 +1,124 @@
|
|||||||
|
# 📖 Guide d'utilisation
|
||||||
|
|
||||||
|
## Interface principale
|
||||||
|
|
||||||
|
### 1. Analyser une vidéo
|
||||||
|
|
||||||
|
1. Collez l'URL YouTube dans le champ de saisie
|
||||||
|
2. Cliquez sur "🔍 Analyser la vidéo"
|
||||||
|
3. Attendez quelques secondes
|
||||||
|
|
||||||
|
L'application va récupérer :
|
||||||
|
- Le titre de la vidéo
|
||||||
|
- La miniature
|
||||||
|
- Tous les formats disponibles (vidéo et audio)
|
||||||
|
|
||||||
|
### 2. Sélectionner les formats
|
||||||
|
|
||||||
|
#### Format vidéo
|
||||||
|
- Choisissez la résolution souhaitée (1080p, 720p, etc.)
|
||||||
|
- Ou laissez "Meilleure qualité auto"
|
||||||
|
|
||||||
|
#### Format audio
|
||||||
|
- Sélectionnez la qualité audio
|
||||||
|
- Ou laissez "Meilleure qualité auto"
|
||||||
|
|
||||||
|
### 3. Options de sortie
|
||||||
|
|
||||||
|
#### Conteneur
|
||||||
|
- **MP4** : Compatible universellement (recommandé)
|
||||||
|
- **MKV** : Meilleure qualité, fichiers plus gros
|
||||||
|
- **WebM** : Format web, plus léger
|
||||||
|
|
||||||
|
#### Codec Audio
|
||||||
|
- **AAC** : Standard, excellente qualité (recommandé)
|
||||||
|
- **MP3** : Compatible partout
|
||||||
|
- **Opus** : Meilleure qualité/taille
|
||||||
|
- **Copy** : Conserve l'audio original (pas de réencodage)
|
||||||
|
|
||||||
|
#### Bitrate Audio
|
||||||
|
- **128 kbps** : Qualité correcte, fichier léger
|
||||||
|
- **192 kbps** : Bon compromis (recommandé)
|
||||||
|
- **256 kbps** : Très bonne qualité
|
||||||
|
- **320 kbps** : Qualité maximale
|
||||||
|
|
||||||
|
> ⚠️ Le bitrate est désactivé si vous sélectionnez "Copy"
|
||||||
|
|
||||||
|
### 4. Télécharger
|
||||||
|
|
||||||
|
1. Cliquez sur "⬇️ Télécharger"
|
||||||
|
2. Attendez la fin du traitement
|
||||||
|
3. Consultez la commande exécutée
|
||||||
|
4. Cliquez sur "💾 Télécharger le fichier"
|
||||||
|
|
||||||
|
## Exemples d'utilisation
|
||||||
|
|
||||||
|
### Qualité maximale MP4
|
||||||
|
|
||||||
|
1. Sélectionnez le format vidéo le plus élevé (ex: 1080p60)
|
||||||
|
2. Sélectionnez le format audio le plus élevé
|
||||||
|
3. Conteneur : MP4
|
||||||
|
4. Codec : AAC
|
||||||
|
5. Bitrate : 320k
|
||||||
|
|
||||||
|
### Audio seulement
|
||||||
|
|
||||||
|
1. Ne sélectionnez pas de format vidéo
|
||||||
|
2. Sélectionnez le meilleur format audio
|
||||||
|
3. Codec : MP3 ou AAC
|
||||||
|
4. Bitrate : 320k
|
||||||
|
|
||||||
|
### Copie directe (rapide)
|
||||||
|
|
||||||
|
1. Sélectionnez vos formats
|
||||||
|
2. Codec : Copy
|
||||||
|
3. Le téléchargement sera plus rapide (pas de réencodage)
|
||||||
|
|
||||||
|
## Commandes équivalentes
|
||||||
|
|
||||||
|
L'interface affiche la commande yt-dlp exécutée. Exemples :
|
||||||
|
|
||||||
|
### Qualité max avec AAC
|
||||||
|
```bash
|
||||||
|
yt-dlp -f "137+140" --merge-output-format mp4 --postprocessor-args "ffmpeg:-c:a aac -b:a 192k" "URL"
|
||||||
|
```
|
||||||
|
|
||||||
|
### Copy direct
|
||||||
|
```bash
|
||||||
|
yt-dlp -f "137+140" --merge-output-format mp4 "URL"
|
||||||
|
```
|
||||||
|
|
||||||
|
## Astuces
|
||||||
|
|
||||||
|
### Téléchargement rapide
|
||||||
|
- Utilisez "Copy" si les formats natifs vous conviennent
|
||||||
|
- Évitez le réencodage audio
|
||||||
|
|
||||||
|
### Meilleure qualité
|
||||||
|
- Sélectionnez manuellement les meilleurs formats
|
||||||
|
- Utilisez AAC 320k
|
||||||
|
- Préférez MKV pour la qualité maximale
|
||||||
|
|
||||||
|
### Compatibilité maximale
|
||||||
|
- Utilisez MP4 + AAC 192k
|
||||||
|
- Fonctionne sur tous les appareils
|
||||||
|
|
||||||
|
## FAQ
|
||||||
|
|
||||||
|
**Q : Pourquoi le téléchargement est long ?**
|
||||||
|
R : Le réencodage audio prend du temps. Utilisez "Copy" pour accélérer.
|
||||||
|
|
||||||
|
**Q : Le bitrate est grisé, pourquoi ?**
|
||||||
|
R : Vous avez sélectionné "Copy", le bitrate ne peut pas être modifié sans réencodage.
|
||||||
|
|
||||||
|
**Q : Puis-je télécharger plusieurs vidéos ?**
|
||||||
|
R : Oui, mais une à la fois. Les anciens fichiers sont automatiquement supprimés.
|
||||||
|
|
||||||
|
**Q : Où sont stockés les fichiers ?**
|
||||||
|
R : Dans le conteneur à `/app/downloads`. Configurez un volume pour les conserver.
|
||||||
|
|
||||||
|
## Limites
|
||||||
|
|
||||||
|
- Vidéos publiques YouTube uniquement
|
||||||
|
- Timeout à 10 minutes par téléchargement
|
||||||
|
- Un téléchargement à la fois
|
||||||
@ -0,0 +1,522 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>yt-dlp Web Interface</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 {
|
||||||
|
font-size: 2.5em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header p {
|
||||||
|
opacity: 0.9;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
font-size: 1.3em;
|
||||||
|
color: #667eea;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: #333;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
select {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
border: 2px solid #e0e0e0;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 1em;
|
||||||
|
transition: border-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"]:focus,
|
||||||
|
select:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: #667eea;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 12px 30px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:disabled {
|
||||||
|
background: #ccc;
|
||||||
|
cursor: not-allowed;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-success {
|
||||||
|
background: #10b981;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-success:hover {
|
||||||
|
background: #059669;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-info {
|
||||||
|
display: none;
|
||||||
|
padding: 20px;
|
||||||
|
background: #f8f9fa;
|
||||||
|
border-radius: 12px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-info img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 400px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-title {
|
||||||
|
font-size: 1.3em;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formats-section {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.format-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-options {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 15px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status.error {
|
||||||
|
background: #fee;
|
||||||
|
color: #c00;
|
||||||
|
border-left: 4px solid #c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status.success {
|
||||||
|
background: #efe;
|
||||||
|
color: #0a0;
|
||||||
|
border-left: 4px solid #0a0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status.info {
|
||||||
|
background: #eef;
|
||||||
|
color: #00a;
|
||||||
|
border-left: 4px solid #00a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
display: none;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spinner {
|
||||||
|
border: 4px solid #f3f3f3;
|
||||||
|
border-top: 4px solid #667eea;
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
animation: spin 1s linear infinite;
|
||||||
|
margin: 0 auto 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
0% { transform: rotate(0deg); }
|
||||||
|
100% { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.download-section {
|
||||||
|
display: none;
|
||||||
|
padding: 20px;
|
||||||
|
background: #f0fdf4;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 2px solid #10b981;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.download-info {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.command-display {
|
||||||
|
background: #1e293b;
|
||||||
|
color: #10b981;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-size: 0.9em;
|
||||||
|
overflow-x: auto;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
|
margin-top: 15px;
|
||||||
|
border: 2px solid #334155;
|
||||||
|
}
|
||||||
|
|
||||||
|
.command-label {
|
||||||
|
color: #94a3b8;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.format-row,
|
||||||
|
.output-options {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="header">
|
||||||
|
<h1>🎬 yt-dlp Web Interface</h1>
|
||||||
|
<p>Téléchargez des vidéos YouTube en haute qualité</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="status" id="status"></div>
|
||||||
|
<div class="loading" id="loading">
|
||||||
|
<div class="spinner"></div>
|
||||||
|
<p>Chargement en cours...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="url">URL de la vidéo YouTube</label>
|
||||||
|
<input type="text" id="url" placeholder="https://www.youtube.com/watch?v=..." value="https://www.youtube.com/watch?v=HixGrIOBE0U">
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary" id="analyzeBtn" onclick="analyzeVideo()">
|
||||||
|
🔍 Analyser la vidéo
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="video-info" id="videoInfo">
|
||||||
|
<img id="thumbnail" src="" alt="Thumbnail">
|
||||||
|
<div class="video-title" id="title"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="formats-section" id="formatsSection">
|
||||||
|
<div class="section">
|
||||||
|
<div class="section-title">📹 Sélection des formats</div>
|
||||||
|
<div class="format-row">
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="videoFormat">Format Vidéo</label>
|
||||||
|
<select id="videoFormat">
|
||||||
|
<option value="">Meilleure qualité auto</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="audioFormat">Format Audio</label>
|
||||||
|
<select id="audioFormat">
|
||||||
|
<option value="">Meilleure qualité auto</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<div class="section-title">⚙️ Options de sortie</div>
|
||||||
|
<div class="output-options">
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="outputContainer">Conteneur</label>
|
||||||
|
<select id="outputContainer">
|
||||||
|
<option value="mp4" selected>MP4</option>
|
||||||
|
<option value="mkv">MKV</option>
|
||||||
|
<option value="webm">WebM</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="audioCodec">Codec Audio</label>
|
||||||
|
<select id="audioCodec" onchange="toggleBitrateInput()">
|
||||||
|
<option value="aac" selected>AAC</option>
|
||||||
|
<option value="mp3">MP3</option>
|
||||||
|
<option value="opus">Opus</option>
|
||||||
|
<option value="copy">Copy (original)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="audioBitrate">Bitrate Audio</label>
|
||||||
|
<select id="audioBitrate">
|
||||||
|
<option value="128k">128 kbps</option>
|
||||||
|
<option value="192k" selected>192 kbps</option>
|
||||||
|
<option value="256k">256 kbps</option>
|
||||||
|
<option value="320k">320 kbps</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="btn btn-success" id="downloadBtn" onclick="downloadVideo()">
|
||||||
|
⬇️ Télécharger
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="download-section" id="downloadSection">
|
||||||
|
<div class="download-info" id="downloadInfo"></div>
|
||||||
|
<div class="command-display" id="commandDisplay"></div>
|
||||||
|
<button class="btn btn-success" id="downloadFileBtn" onclick="downloadFile()">
|
||||||
|
💾 Télécharger le fichier
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let currentFilename = '';
|
||||||
|
|
||||||
|
function toggleBitrateInput() {
|
||||||
|
const audioCodec = document.getElementById('audioCodec').value;
|
||||||
|
const audioBitrate = document.getElementById('audioBitrate');
|
||||||
|
const bitrateLabel = audioBitrate.previousElementSibling;
|
||||||
|
|
||||||
|
if (audioCodec === 'copy') {
|
||||||
|
audioBitrate.disabled = true;
|
||||||
|
audioBitrate.style.opacity = '0.5';
|
||||||
|
audioBitrate.style.cursor = 'not-allowed';
|
||||||
|
bitrateLabel.style.opacity = '0.5';
|
||||||
|
} else {
|
||||||
|
audioBitrate.disabled = false;
|
||||||
|
audioBitrate.style.opacity = '1';
|
||||||
|
audioBitrate.style.cursor = 'pointer';
|
||||||
|
bitrateLabel.style.opacity = '1';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function showStatus(message, type) {
|
||||||
|
const status = document.getElementById('status');
|
||||||
|
status.textContent = message;
|
||||||
|
status.className = `status ${type}`;
|
||||||
|
status.style.display = 'block';
|
||||||
|
setTimeout(() => {
|
||||||
|
status.style.display = 'none';
|
||||||
|
}, 5000);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showLoading(show) {
|
||||||
|
document.getElementById('loading').style.display = show ? 'block' : 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
async function analyzeVideo() {
|
||||||
|
const url = document.getElementById('url').value.trim();
|
||||||
|
|
||||||
|
if (!url) {
|
||||||
|
showStatus('Veuillez entrer une URL YouTube', 'error');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const analyzeBtn = document.getElementById('analyzeBtn');
|
||||||
|
analyzeBtn.disabled = true;
|
||||||
|
showLoading(true);
|
||||||
|
document.getElementById('formatsSection').style.display = 'none';
|
||||||
|
document.getElementById('downloadSection').style.display = 'none';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/analyze', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {'Content-Type': 'application/json'},
|
||||||
|
body: JSON.stringify({url})
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(data.error || 'Erreur lors de l\'analyse');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Affichage des informations vidéo
|
||||||
|
document.getElementById('thumbnail').src = data.thumbnail;
|
||||||
|
document.getElementById('title').textContent = data.title;
|
||||||
|
document.getElementById('videoInfo').style.display = 'block';
|
||||||
|
|
||||||
|
// Remplissage des formats vidéo
|
||||||
|
const videoSelect = document.getElementById('videoFormat');
|
||||||
|
videoSelect.innerHTML = '<option value="">Meilleure qualité auto</option>';
|
||||||
|
data.video_formats.forEach(fmt => {
|
||||||
|
const option = document.createElement('option');
|
||||||
|
option.value = fmt.id;
|
||||||
|
option.textContent = fmt.label;
|
||||||
|
videoSelect.appendChild(option);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Remplissage des formats audio
|
||||||
|
const audioSelect = document.getElementById('audioFormat');
|
||||||
|
audioSelect.innerHTML = '<option value="">Meilleure qualité auto</option>';
|
||||||
|
data.audio_formats.forEach(fmt => {
|
||||||
|
const option = document.createElement('option');
|
||||||
|
option.value = fmt.id;
|
||||||
|
option.textContent = fmt.label;
|
||||||
|
audioSelect.appendChild(option);
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById('formatsSection').style.display = 'block';
|
||||||
|
showStatus('Analyse terminée avec succès !', 'success');
|
||||||
|
} catch (error) {
|
||||||
|
showStatus(error.message, 'error');
|
||||||
|
} finally {
|
||||||
|
analyzeBtn.disabled = false;
|
||||||
|
showLoading(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function downloadVideo() {
|
||||||
|
const url = document.getElementById('url').value.trim();
|
||||||
|
const videoFormat = document.getElementById('videoFormat').value;
|
||||||
|
const audioFormat = document.getElementById('audioFormat').value;
|
||||||
|
const outputContainer = document.getElementById('outputContainer').value;
|
||||||
|
const audioCodec = document.getElementById('audioCodec').value;
|
||||||
|
const audioBitrate = document.getElementById('audioBitrate').value;
|
||||||
|
|
||||||
|
const downloadBtn = document.getElementById('downloadBtn');
|
||||||
|
downloadBtn.disabled = true;
|
||||||
|
showLoading(true);
|
||||||
|
document.getElementById('downloadSection').style.display = 'none';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/download', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {'Content-Type': 'application/json'},
|
||||||
|
body: JSON.stringify({
|
||||||
|
url,
|
||||||
|
video_format: videoFormat,
|
||||||
|
audio_format: audioFormat,
|
||||||
|
output_container: outputContainer,
|
||||||
|
audio_codec: audioCodec,
|
||||||
|
audio_bitrate: audioBitrate
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(data.error || 'Erreur lors du téléchargement');
|
||||||
|
}
|
||||||
|
|
||||||
|
currentFilename = data.filename;
|
||||||
|
const sizeMB = (data.size / (1024 * 1024)).toFixed(2);
|
||||||
|
|
||||||
|
document.getElementById('downloadInfo').innerHTML = `
|
||||||
|
<strong>✅ Téléchargement terminé !</strong><br>
|
||||||
|
Fichier: ${data.filename}<br>
|
||||||
|
Taille: ${sizeMB} MB<br>
|
||||||
|
Format utilisé: ${data.format_used}<br>
|
||||||
|
Codec audio: ${data.audio_codec}<br>
|
||||||
|
Bitrate audio: ${data.audio_bitrate}<br>
|
||||||
|
Post-processing: ${data.postproc_applied ? 'Oui' : 'Non (copy direct)'}
|
||||||
|
`;
|
||||||
|
|
||||||
|
document.getElementById('commandDisplay').innerHTML = `
|
||||||
|
<div class="command-label">📋 Commande exécutée :</div>
|
||||||
|
${data.command}
|
||||||
|
`;
|
||||||
|
|
||||||
|
document.getElementById('downloadSection').style.display = 'block';
|
||||||
|
showStatus('Vidéo téléchargée avec succès !', 'success');
|
||||||
|
} catch (error) {
|
||||||
|
showStatus(error.message, 'error');
|
||||||
|
} finally {
|
||||||
|
downloadBtn.disabled = false;
|
||||||
|
showLoading(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function downloadFile() {
|
||||||
|
if (currentFilename) {
|
||||||
|
window.location.href = `/api/download-file/${encodeURIComponent(currentFilename)}`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Permettre l'analyse avec la touche Entrée
|
||||||
|
document.getElementById('url').addEventListener('keypress', (e) => {
|
||||||
|
if (e.key === 'Enter') {
|
||||||
|
analyzeVideo();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Initialiser l'état du bitrate au chargement
|
||||||
|
window.addEventListener('load', toggleBitrateInput);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue