Spaces:
Running
Running
File size: 4,414 Bytes
d609fbc c77501d d609fbc c77501d d609fbc c77501d d609fbc |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 |
document.addEventListener('DOMContentLoaded', () => {
const sendButton = document.getElementById('send');
const messageInput = document.getElementById('message');
const voiceButton = document.getElementById('voice');
const chatbox = document.getElementById('chatbox');
const recordingIndicator = document.getElementById('recordingIndicator');
sendButton.addEventListener('click', sendMessage);
messageInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') sendMessage();
});
voiceButton.addEventListener('click', startRecognition);
function sendMessage() {
const message = messageInput.value.trim();
if (message === '') return;
addMessageToChatbox('Usuario', message);
messageInput.value = '';
toggleInput(false);
// Mostrar indicador de carga
addTypingIndicator();
fetch('/get_response', {
method: 'POST',
body: new URLSearchParams({ 'message': message }),
})
.then(response => response.ok ? response.json() : response.json().then(err => Promise.reject(err)))
.then(data => {
removeTypingIndicator();
addMessageToChatbox('Asistente', data.response);
// En lugar de reproducir audio del servidor, usamos TTS en el navegador
speakResponse(data.response);
})
.catch(error => {
removeTypingIndicator();
console.error('Error:', error);
addMessageToChatbox('Asistente', error.response || 'Lo siento, ha ocurrido un error al procesar tu solicitud.');
})
.finally(() => {
toggleInput(true);
});
}
function addMessageToChatbox(sender, message) {
const messageDiv = document.createElement('div');
messageDiv.className = sender === 'Usuario' ? 'message user-message' : 'message bot-message';
messageDiv.innerHTML = `<p>${message}</p>`;
chatbox.appendChild(messageDiv);
chatbox.scrollTop = chatbox.scrollHeight;
}
function addTypingIndicator() {
const typingIndicator = document.createElement('div');
typingIndicator.id = 'typingIndicator';
typingIndicator.className = 'message bot-message';
typingIndicator.innerHTML = '<p>Escribiendo<span class="dot-one">.</span><span class="dot-two">.</span><span class="dot-three">.</span></p>';
chatbox.appendChild(typingIndicator);
chatbox.scrollTop = chatbox.scrollHeight;
}
function removeTypingIndicator() {
const typingIndicator = document.getElementById('typingIndicator');
if (typingIndicator) {
chatbox.removeChild(typingIndicator);
}
}
function startRecognition() {
if (!('webkitSpeechRecognition' in window)) {
alert('Tu navegador no soporta reconocimiento de voz.');
return;
}
const recognition = new webkitSpeechRecognition();
recognition.lang = 'es-ES';
recognition.start();
if (recordingIndicator) {
recordingIndicator.style.display = 'block';
}
recognition.onresult = (event) => {
const transcript = event.results[0][0].transcript;
messageInput.value = transcript;
sendMessage();
};
recognition.onerror = (event) => {
console.error('Error en el reconocimiento de voz:', event.error);
alert('Ocurrió un error durante el reconocimiento de voz: ' + event.error);
};
recognition.onend = () => {
if (recordingIndicator) {
recordingIndicator.style.display = 'none';
}
};
}
// Eliminamos la función playResponse y añadimos speakResponse
function speakResponse(text) {
if ('speechSynthesis' in window) {
const utterance = new SpeechSynthesisUtterance(text);
utterance.lang = 'es-ES'; // Ajusta el idioma si lo deseas
// utterance.rate = 1.0; // Puedes ajustar la velocidad
window.speechSynthesis.speak(utterance);
} else {
console.warn("Este navegador no soporta Speech Synthesis.");
}
}
function toggleInput(enable) {
messageInput.disabled = !enable;
sendButton.disabled = !enable;
voiceButton.disabled = !enable;
}
}); |