GA7-220501096-AA4-EV03 Componente frontend del proyecto formativo y proyectos de clase
00:00:00 - Introducción
00:00:05 - Uso del conversor de texto a voz y voz a texto:
00:00:09 - Referencia a videos anteriores con la explicación del proyecto
00:00:14 - Función de conversión de texto a voz
00:00:19 - Función de grabación y transcripcion de voz a texto
00:00:23 - Integrar el proyecto del conversor a la aplicación React
00:00:27 - Copiar el input para el texto a convertir
00:00:41 - Añadir un botón para convertir el texto a voz
00:00:52 - Añadir un botón para grabar la voz
00:01:02 - Ajustes en la interfaz:
00:01:09 - Añadir un salto de línea
00:01:15 - Añadir títulos para cada sección
00:01:44 - Crear un estado para almacenar el texto a convertir
00:01:56 - Crear la constante textoAVoz y la función setTextoAVoz con useState
00:02:11 - Asignar el estado al input de texto
00:02:25 - Inicializar el estado con una cadena vacía
00:02:29 - Añadir el evento onChange y la función cambiarTexto al input
00:02:50 - Crear la función cambiarTexto para actualizar el estado textoAVoz
00:03:07 - Crear la función convertirTextoAVoz
00:03:18 - Duplicar el código del proyecto anterior
00:04:10 - Usar el estado textoAVoz como texto para convertir
00:04:17 - Explicación del funcionamiento del estado textoAVoz
00:04:46 - Repetir el proceso para la función de grabar:
00:04:53 - Crear la función grabarVozATexto
00:05:04 - Añadir el evento onClick al botón de grabar para ejecutar la función
00:05:15 - Crear un estado para almacenar el texto transcrito (vozATexto)
00:05:56 - Inicializar la grabación con SpeechRecognition
00:06:21 - Crear la función resultado para manejar el resultado de la transcripcion
00:06:41 - Actualizar el estado vozATexto con la transcripcion obtenida
00:07:15 - Mostrar el estado vozATexto en la interfaz
00:07:27 - Probar el funcionamiento del conversor integrado en la aplicación React
00:07:47 - Próximo paso: mostrar el conversor solo después de iniciar sesión correctamente
3 июн 2024