Crea una aplicación de voz

Resumen

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

Resultado clave

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

Durante la grabación, genera una transcripción en directo con las palabras provisionales en un estilo atenuado y el texto reconocido final en un estilo más marcado, de modo que los usuarios sepan siempre que la captura está funcionando.

Una vez que la grabación se detiene, Computer procesa la transcripción sin editar a través de una canalización de edición por IA que elimina las muletillas y los titubeos, corrige las mayúsculas y la puntuación, y divide las oraciones largas en fragmentos legibles.

Integró un control deslizante de tono para que cambiar la configuración entre informal y formal active un reprocesamiento del texto, ajustando las contracciones y la selección de palabras para que coincida con el tono seleccionado. También implementó un diccionario personal y un historial de sesión: las ediciones de palabras inusuales se guardan con confirmaciones emergentes (toast), cada sesión almacena el texto original y el editado además del nivel de tono, y los usuarios pueden copiar rápidamente el resultado pulido o alternar entre las vistas original y editada.

Ampliar

Consejos

• Refina la persona del producto – Añade una línea sobre a quién va dirigido esto y su flujo de trabajo, por ejemplo: “Diseña esto para fundadores que vuelcan 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: “Elimina siempre las muletillas y titubeos, pero mantén intactos la jerga del dominio y los nombres propios”.
• Define los estados de éxito – Indica a Computer cómo validar la compilación, por ejemplo: “Incluye un estado de error visible por falta de permisos de micrófono y una breve guía integrada que aparezca la primera vez que el usuario haga clic en grabar”.