Crea una aplicación de voz

Resumen

Computer puede diseñar y lanzar un asistente completo de escritura de voz a texto que convierte discursos rápidos y desordenados en texto limpio y listo para su publicación. Maneja todo, desde el acceso al micrófono y la transcripción en vivo hasta la edición impulsada por IA, control de tono y diccionarios personales para que los usuarios puedan pensar en voz alta y aun así obtener una escritura pulida.

Resultado clave

Computer estructuró una aplicación web completa que se conecta al micrófono del dispositivo, maneja permisos y utiliza la Web Speech API para el reconocimiento de voz en streaming. Para solucionar las limitaciones de los iframes en entornos aislado (sandbox), añadió un control “Abrir en nueva pestaña” para que la aplicación pueda solicitar acceso al micrófono desde un contexto de navegador completo.

Durante la grabación, muestra una transcripción en vivo con las palabras provisionales en un estilo atenuado y el texto final reconocido en un estilo más fuerte, para que los usuarios siempre sepan que la captura está funcionando.

Una vez que la grabación se detiene, Computer pasa la transcripción sin procesar por un flujo de trabajo de edición de IA que elimina las muletillas y tartamudeos, corrige las mayúsculas y la puntuación, y divide las oraciones largas en fragmentos legibles.

Incorporó un control deslizante de tono para que al cambiar la configuración de casual a formal se reactive el procesamiento del texto, ajustando las contracciones y la elección de palabras para que coincidan con el tono seleccionado. También implementó un diccionario personal y un historial de sesión: las ediciones de palabras poco comunes se guardan con confirmaciones emergentes (toast), cada sesión almacena el texto sin procesar y editado, además del nivel de tono, y los usuarios pueden copiar rápidamente el resultado pulido o alternar entre las vistas sin procesar y editada.

Ampliar

Consejos

• Refina la personalidad del producto – Agrega una línea sobre para quién es esto y su flujo de trabajo, por ejemplo: “Diseña esto para fundadores que vierten sus notas de reuniones y quieren resúmenes listos para publicar en segundos”.
• Especifica los controles de edición – Sé explícito sobre qué ediciones son obligatorias frente a las opcionales, por ejemplo: “Siempre elimina las muletillas y los tartamudeos, pero mantén intacta la jerga del dominio y los nombres propios”.
• Define los estados de éxito – Dile a Computer cómo validar la compilación, por ejemplo: “Incluye un estado de error visible de permisos de micrófono y una breve guía integrada que aparezca la primera vez que el usuario haga clic en grabar”.