Update static/script.js

static/script.js

@@ -244,7 +244,8 @@ function loadResumerPage() {
    //Quand on clique sur le boutton traduction ---------------
 
   
-   function loadTraductionPage() {
+ici aussi je veuxque leffet vocale lit le resultat de traduction :  resultElement.innerText = "📝 Traduction :\n " + data.translated_text; 
+ function loadTraductionPage() {
     document.body.style.setProperty('--background-image', "url('traduction.webp')");
     let appContainer = document.createElement("div");
     appContainer.classList.add("app-container");
@@ -508,41 +509,13 @@ function loadResumerPage() {
 
             const data = await response.json();
             
-            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 {
+            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 {
                 resultElement.innerText = "❌ Translation not available.";
             }
         } catch (error) {