Upload 7 files

public/index.html

@@ -15,6 +15,10 @@
             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">

public/script.js

@@ -108,10 +108,14 @@ document.addEventListener('DOMContentLoaded', () => {
 			const data = await response.json();
 
 			if (!response.ok) {
-				// Afficher l'erreur détaillée si disponible
-				const errorMessage = data.details 
-					? `${data.error} Détails: ${data.details}`
-					: data.error || `Erreur HTTP: ${response.status}`;
+				// Afficher l'erreur détaillée si disponible avec la solution si fournie
+				let errorMessage = data.error || `Erreur HTTP: ${response.status}`;
+				if (data.details) {
+					errorMessage += ` Détails: ${data.details}`;
+				}
+				if (data.solution) {
+					errorMessage += `\n💡 Solution: ${data.solution}`;
+				}
 				throw new Error(errorMessage);
 			}
 
@@ -145,7 +149,7 @@ document.addEventListener('DOMContentLoaded', () => {
 	}
 
 	function showError(message) {
-		errorDiv.textContent = message;
+		errorDiv.innerHTML = message.replace(/\n/g, '<br>');
 		errorDiv.style.display = 'block';
 	}
 

public/style.css

@@ -71,6 +71,15 @@ button:hover {
     border-radius: 4px;
 }
 
+.info-box {
+    background-color: #e6f7ff;
+    border: 1px solid #91d5ff;
+    color: #1890ff;
+    padding: 10px;
+    margin: 15px 0;
+    border-radius: 4px;
+}
+
 #loading {
     text-align: center;
     padding: 10px;

server.js

@@ -66,6 +66,7 @@ app.get('/get-transcript', async (req, res) => {
 			name: error.name
 		});
 		
+		// Gestion des cas d'erreur spécifiques
 		if (error.message && error.message.includes('Could not find transcripts')) {
 			return res.status(404).json({ error: "Aucune transcription disponible pour cette vidéo (elles sont peut-être désactivées ou n'existent pas en auto-généré)." });
 		}
@@ -76,7 +77,16 @@ app.get('/get-transcript', async (req, res) => {
 			return res.status(504).json({ error: 'Délai d\'attente dépassé lors de la récupération de la transcription. Veuillez réessayer.' });
 		}
 		
-		// Message d'erreur plus détaillé
+		// Nouvelle gestion spécifique pour les transcriptions désactivées
+		if (error.message && error.message.includes('Transcript is disabled')) {
+			const videoId = error.message.match(/\(([^)]+)\)/)?.[1] || "cette vidéo";
+			return res.status(404).json({ 
+				error: `Les sous-titres/transcriptions sont désactivés sur cette vidéo (ID: ${videoId}).`,
+				solution: "Essayez une autre vidéo qui possède des sous-titres activés."
+			});
+		}
+		
+		// Message d'erreur plus détaillé pour les autres cas
 		res.status(500).json({ 
 			error: 'Erreur interne du serveur lors de la récupération de la transcription.',
 			details: error.message