Update static/script.js

static/script.js

@@ -508,13 +508,41 @@ function loadResumerPage() {
 
             const data = await response.json();
             
-            if (data.translated_text) {
-                resultElement.innerText = "📝 Traduction :\n " + data.translated_text;
-                // Stocker le texte traduit pour le téléchargement
-                resultElement.dataset.translatedText = data.translated_text;
-                // Afficher les options de téléchargement
-                document.getElementById("downloadSection").style.display = "block";
-            } else {
+            if (data.translation) {
+    resultElement.innerHTML = `
+        <div style="display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
+            <button id="playVoiceBtn" style="
+                background: linear-gradient(125deg, rgba(163, 94, 237, 0.9) 0%, rgba(65, 159, 232, 0.9) 75%);
+                color: white;
+                border: none;
+                padding: 10px 16px;
+                border-radius: 12px;
+                cursor: pointer;
+                font-size: 14px;
+                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+                transition: transform 0.2s;
+            ">
+                🔊 Listen to Translation
+            </button>
+        </div>
+        <h3 class="centered-title">🌍 Translation :</h3>
+        <br>
+        <p id="translationText" style="font-size: 16px;">${data.translation}</p>
+    `;
+
+    document.getElementById("documentResult").dataset.translationText = data.translation;
+    document.getElementById("downloadSection").style.display = "block";
+
+    // 🎤 Ajouter l'effet vocal
+    const playVoiceBtn = document.getElementById("playVoiceBtn");
+    playVoiceBtn.addEventListener("click", function () {
+        const textToRead = document.getElementById("translationText").textContent;
+        const utterance = new SpeechSynthesisUtterance(textToRead);
+        utterance.lang = "en-US"; // adapte ici selon la langue de ta traduction ("fr-FR" pour du français par exemple)
+        window.speechSynthesis.speak(utterance);
+    });
+}
+ else {
                 resultElement.innerText = "❌ Translation not available.";
             }
         } catch (error) {