Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Résumé Vidéo YouTube</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Résumé de Vidéo YouTube</h1> | |
| <p> | |
| Cette application utilise un algorithme JavaScript exécuté dans votre navigateur | |
| pour résumer le contenu textuel (transcription) d'une vidéo YouTube. | |
| </p> | |
| <div class="info-box"> | |
| <p><strong>Important :</strong> Cette application fonctionne uniquement avec les vidéos YouTube qui ont des sous-titres/transcriptions disponibles (activés par le créateur ou générés automatiquement).</p> | |
| </div> | |
| <label for="youtube-url">URL de la vidéo YouTube :</label> | |
| <input type="text" id="youtube-url" placeholder="Ex: https://www.youtube.com/watch?v=dQw4w9WgXcQ"> | |
| <label for="summary-length">Nombre de phrases pour le résumé :</label> | |
| <input type="number" id="summary-length" value="5" min="1" max="20"> | |
| <button id="summarize-btn">Résumer la Vidéo</button> | |
| <div id="loading" style="display:none;">Chargement de la transcription et résumé en cours...</div> | |
| <div id="error-message" class="error" style="display:none;"></div> | |
| <h2>Transcription Complète :</h2> | |
| <div id="transcript-output" class="output-box"> | |
| <p>La transcription apparaîtra ici...</p> | |
| </div> | |
| <h2>Résumé :</h2> | |
| <div id="summary-output" class="output-box"> | |
| <p>Le résumé apparaîtra ici...</p> | |
| </div> | |
| <footer> | |
| <p>Déployé sur <a href="https://huggingface.co/spaces" target="_blank">Hugging Face Spaces</a></p> | |
| </footer> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |