grabadora de voz con microfono

app.py

@@ -198,6 +198,24 @@ async def ep_voz(request: Request):
     except Exception as e:
         return JSONResponse({"error": str(e)[:100]}, status_code=500)
 
+
+@app.post("/subir-voz-grabada")
+async def ep_voz_grabada(file: UploadFile = File(...)):
+    try:
+        import subprocess
+        contenido = await file.read()
+        with open("voz_grabada_raw","wb") as f:
+            f.write(contenido)
+        # Convertir a mp3 con ffmpeg (el navegador graba en webm/ogg)
+        subprocess.run(["ffmpeg","-y","-i","voz_grabada_raw","-acodec","libmp3lame","voz.mp3"], capture_output=True)
+        import os as _os
+        if _os.path.exists("voz.mp3") and _os.path.getsize("voz.mp3") > 1000:
+            ESTADO["voz_lista"] = True
+            return {"ok": True}
+        return JSONResponse({"error":"No se pudo procesar el audio"}, status_code=500)
+    except Exception as e:
+        return JSONResponse({"error": str(e)[:120]}, status_code=500)
+
 @app.get("/audio")
 def ep_audio():
     if os.path.exists("voz.mp3"):
@@ -329,11 +347,21 @@ audio,video{width:100%;margin-top:10px;border-radius:8px}
 
 <div class="fase">
   <div class="fase-t">4. Voz</div>
-  <div class="row">
-    <select id="genero"><option value="masculina">Voz masculina</option><option value="femenina">Voz femenina</option></select>
-    <select id="pais"><option value="">Acento neutro</option><option value="españa">Espana</option><option value="mexico">Mexico</option><option value="argentina">Argentina</option><option value="colombia">Colombia</option></select>
+  <select id="tipoVoz" onchange="cambioVoz()">
+    <option value="ia">Voz IA (automatica)</option>
+    <option value="grabada">Mi voz grabada (con microfono)</option>
+  </select>
+  <div id="vozIA">
+    <div class="row">
+      <select id="genero"><option value="masculina">Voz masculina</option><option value="femenina">Voz femenina</option></select>
+      <select id="pais"><option value="">Acento neutro</option><option value="españa">Espana</option><option value="mexico">Mexico</option><option value="argentina">Argentina</option><option value="colombia">Colombia</option></select>
+    </div>
+    <button class="btn2" onclick="genVoz()">Generar y Pre-escuchar Voz</button>
+  </div>
+  <div id="vozGrabada" style="display:none">
+    <p style="color:#aaa;font-size:.85rem;margin-bottom:8px">Lee el guion de arriba en voz alta y grabate:</p>
+    <button class="btn2" id="btnRec" onclick="toggleRec()">Empezar a grabar</button>
   </div>
-  <button class="btn2" onclick="genVoz()">Generar y Pre-escuchar Voz</button>
   <div class="msg" id="msgVoz"></div>
   <audio id="player" controls style="display:none"></audio>
 </div>
@@ -418,5 +446,36 @@ async function genVideo(){
 }
 function descargar(){var a=document.createElement("a");a.href="/video?t="+Date.now();a.download="video_fenix.mp4";a.click();}
 async function subirYt(){var m=document.getElementById("msgPub");m.textContent="Conecta tu canal de YouTube para activar la subida automatica";m.style.color="#ffb700";}
+
+function cambioVoz(){
+  var t=document.getElementById("tipoVoz").value;
+  document.getElementById("vozIA").style.display=t==="ia"?"block":"none";
+  document.getElementById("vozGrabada").style.display=t==="grabada"?"block":"none";
+}
+var mediaRec=null, chunks=[], grabando=false;
+async function toggleRec(){
+  var btn=document.getElementById("btnRec"); var m=document.getElementById("msgVoz");
+  if(!grabando){
+    try{
+      var stream=await navigator.mediaDevices.getUserMedia({audio:true});
+      mediaRec=new MediaRecorder(stream); chunks=[];
+      mediaRec.ondataavailable=e=>chunks.push(e.data);
+      mediaRec.onstop=async()=>{
+        var blob=new Blob(chunks,{type:"audio/webm"});
+        m.textContent="Subiendo tu voz...";m.style.color="#ffb700";
+        var fd=new FormData(); fd.append("file",blob,"voz.webm");
+        var r=await fetch("/subir-voz-grabada",{method:"POST",body:fd}); var d=await r.json();
+        if(d.ok){var p=document.getElementById("player");p.src="/audio?t="+Date.now();p.style.display="block";m.textContent="✅ Tu voz lista, escuchala:";m.style.color="#00c853";}
+        else{m.textContent="❌ "+(d.error||"Error");m.style.color="#ff5252";}
+      };
+      mediaRec.start(); grabando=true;
+      btn.textContent="⏹ Detener grabacion"; btn.style.background="#ff4444";
+      m.textContent="Grabando... lee el guion";m.style.color="#ff4444";
+    }catch(e){m.textContent="❌ No se pudo acceder al microfono";m.style.color="#ff5252";}
+  }else{
+    mediaRec.stop(); grabando=false;
+    btn.textContent="Empezar a grabar"; btn.style.background="";
+  }
+}
 </script>
 </body></html>"""