--- title: "Conversión de texto a voz para aplicaciones móviles" date: "2017-08-28" categories: - "mobile" - "mobile-development" - "mobiletogether" - "tools" tags: - "mobile-development" - "mobiletogether" - "software-tools" description: Descubra cómo Altova MobileTogether permite la integración de la función de texto a voz en aplicaciones móviles multiplataforma, mejorando la experiencia del usuario al proporcionar información mediante voz. --- Status: #blog Tags: #mobile-development #mobiletogether #software-tools Categories: [mobile-development](/blog/es/category/mobile-development.md) | [low-code+no-code](/blog/es/category/low-codeno-code.md) # Conversión de texto a voz para aplicaciones móviles Altova MobileTogether ofrece funciones de conversión de texto a voz para.. [Aplicaciones móviles multiplataforma](https://www.altova.com/es/mobiletogether), permitiendo a los desarrolladores integrar la funcionalidad de voz y crear una experiencia de usuario multimedia completa y atractiva. El texto puede integrarse completamente con la voz en cualquier parte de una aplicación. Por ejemplo, una aplicación como el ejemplo "Parcel Delivery MobileTogether" puede mejorarse reproduciendo en voz alta la siguiente dirección de entrega, especialmente si el conductor está en medio del tráfico. Además, el texto de los cuadros de mensajes u otros bloques de información también puede ser leído en voz alta por el dispositivo móvil. Creamos una demostración sencilla para experimentar con la funcionalidad de conversión de texto a voz en aplicaciones móviles, y luego incorporamos funciones de conversión de texto a voz en la aplicación de entrega de paquetes. ![Conversión de texto a voz para aplicaciones móviles](/blog/images/shutterstock_1615112031.jpg) Esta sencilla aplicación de demostración de conversión de texto a voz tiene cuatro funciones: - Un campo de entrada permite al usuario escribir cualquier texto o reproducir un texto predefinido - Un botón "Hablar" convierte el texto introducido en voz - El botón de silencio se activa si se está realizando una conversación - El botón "Salir" muestra una ventana con un mensaje audible y una opción para cerrar la aplicación Aquí se muestra la aplicación en funcionamiento en un dispositivo Android, con texto en el campo de entrada: ![Demostración sencilla de la función de conversión de texto a voz para aplicaciones móviles, en un dispositivo Android](/blog/images/new-android-shot-1-small.png) El texto que se muestra en una aplicación puede provenir de diversas fuentes, incluyendo el portapapeles de copia y pegado del dispositivo móvil. En la captura de pantalla que se muestra a continuación, un usuario de iPhone eliminó el texto predeterminado, que había sido copiado del sitio web de Altova, y lo pegó en el campo de entrada: ![Demostración sencilla de la función de conversión de texto a voz para aplicaciones móviles, en un iPhone](/blog/images/replacement-iPhone-shot-small.png) Se selecciona la propiedad del campo de entrada para permitir múltiples líneas, y la caja se redimensiona automáticamente para adaptarse al texto pegado. El texto que se introduce en el campo de entrada se guarda en un elemento dentro de la estructura de datos de la aplicación. La acción asignada al botón "Hablar" activa el motor de síntesis de voz integrado en el dispositivo móvil, que reproduce el texto. Esta única acción, definida en el diálogo de acciones de MobileTogether, funciona independientemente de si la aplicación se ejecuta en un teléfono Android, iOS o Windows, en un ordenador con Windows 10, o incluso en un navegador web en otro dispositivo. ![Conversión de texto a voz para funciones de aplicaciones móviles](/blog/images/text-to-speech-action.png) Asignamos la función de "Texto a voz" directamente a las acciones del botón "Hablar", pero también se puede utilizar en un grupo de acciones. Utilizamos un grupo de acciones para el botón "Salir". Cuando el usuario hace clic en "Salir", queremos tanto mostrar una ventana de mensaje como reproducir el mensaje en voz alta, como se muestra aquí en un teléfono Android: ![Demostración sencilla de conversión de texto a voz para aplicaciones móviles. Mensaje de salida](/blog/images/exit-message-capture.png) A continuación, se describen las acciones definidas para el botón "Salir": ![Conversión de texto a voz para aplicaciones móviles: acciones definidas para el botón de "Salir"](/blog/images/message-box-action-group.png) La frase "¿Está seguro de que desea abandonar esta aplicación?" se almacena en la estructura de datos y se utiliza en expresiones XPath para la función de resaltado de texto a voz y para el cuadro de mensaje que aparece debajo. Cuando el usuario hace clic en "Aceptar", una acción de "Bucle" espera a que la función de "Texto a voz" se complete antes de que la aplicación se cierre. ### Actualización de la aplicación de entrega de paquetes con tecnología de texto a voz para aplicaciones móviles La aplicación de ejemplo de entrega de paquetes se creó originalmente para demostrar cómo trabajar con datos de geolocalización en MobileTogether. En esta simulación, el usuario es un conductor de una empresa de reparto encargado de entregar paquetes desde un almacén en Nueva Jersey a diversos destinos en la ciudad de Nueva York. Cuando se asigna cada nueva ubicación de entrega, la aplicación muestra una página de "Entrega" que muestra la dirección y la distancia actual hasta el destino, como se puede ver en esta captura de pantalla del simulador MobileTogether para un teléfono Android: ![Aplicación de ejemplo para la entrega de paquetes, visualizada en el simulador MobileTogether](/blog/images/Delivery-Page-in-simulator.png) Queremos añadir la función de texto a voz para cada nueva ubicación y distancia a medida que el conductor se desplaza. Primero, podemos añadir una nueva opción de configuración en la página de "Configuración" con un interruptor que permita activar o desactivar la función de texto a voz. Aquí se muestra la página de "Configuración" modificada, ejecutándose en un iPhone: ![Aplicación de demostración móvil para la entrega de paquetes: página de configuración vista en el simulador](/blog/images/new-configuration.png) Al observar la página de "Entrega" en el diseñador, podemos ver que el destino, la ubicación actual y la distancia al destino se obtienen todos a partir de expresiones XPath: ![Aplicación de demostración móvil para la entrega de paquetes. Página de entrega visualizada en el diseñador MobileTogether](/blog/images/Delivery-Page-in-Designer.png) Estas mismas expresiones pueden asignarse a acciones de texto a voz. Primero, creamos un grupo de acciones para pronunciar cada nueva ubicación. El área resaltada en azul a continuación muestra la acción de texto a voz. Utilizamos la función "concat" para añadir algunas palabras adicionales y crear una frase conversacional que incluya la dirección y la distancia inicial: ![Aplicación de demostración móvil para la entrega de paquetes: un grupo de acciones para anunciar el próximo destino](/blog/images/destination-action-group.png) A medida que el conductor se acerca al destino, la geolocalización se actualiza periódicamente y la distancia restante se recalcula. Creamos un segundo grupo de acciones para anunciar la nueva distancia: ![Ejemplo de grupo de trabajo sobre la conversión de texto a voz para aplicaciones móviles](/blog/images/new-distance-action-group.png) El bucle en la parte superior es similar a la acción definida para el botón "Salir" de nuestra aplicación de demostración, como se describió anteriormente. En este caso, evita que la nueva acción de conversión de texto a voz interrumpa si la acción de conversión de texto a voz anterior no se ha completado. De lo contrario, esto podría ocurrir si se produce una actualización de la geolocalización antes de que se complete la vocalización anterior. Nuestros grupos de conversión de texto a voz deben ser llamados durante la ejecución de la aplicación. Primero, podemos colocar el grupo "Vocalize Next Destination" en la secuencia de acciones "OnPageLoad" para la página de "Delivery": ![Aplicación de demostración móvil para la entrega de paquetes: ubicación del primer grupo de acciones de destino](/blog/images/new-page-load-actions.png) La página de "Entrega" se carga una vez para la primera entrega. Para las entregas posteriores, podemos añadir el grupo de acciones a la agrupación de acciones "Continuar con el siguiente destino" existente: ![Aplicación de demostración móvil para la entrega de paquetes: ubicación del grupo de acciones para el siguiente destino](/blog/images/insert-first-vocalization.png)   Lo único que queda por hacer es añadir el grupo de acciones "Vocalize New Distance" a las acciones "OnPageRefresh" de la página de entrega ![Aplicación de demostración móvil para la entrega de paquetes: actualizar las acciones de la página de entrega](/blog/images/new-page-refresh-actions.png) Ahora bien, ya sea que la aplicación se ejecute en el simulador MobileTogether o en cualquier dispositivo móvil, el conductor recibe actualizaciones de voz y no tiene que apartar la vista de la carretera. Puede intentar crear funciones de texto a voz para aplicaciones móviles por su cuenta, utilizando.. [descargar el programa MobileTogether Designer, que se puede utilizar de forma gratuita](https://www.altova.com/es/download/mobiletogether.html), que incluye ayuda integrada, tutoriales y muchas aplicaciones de ejemplo, entre ellas, una para la gestión de entregas. Las soluciones descritas en esta publicación se pueden descargar en [https://github.com/altova/MobileTogether-TTS](https://github.com/altova/MobileTogether-TTS) Abra el archivo .mtd en el programa MobileTogether Designer para examinar cómo se creó y luego ejecútelo en el simulador de MobileTogether. Conéctese a la tienda de aplicaciones de su dispositivo y [descargue la aplicación móvil MobileTogether.](https://www.altova.com/es/download/mobiletogether.html) A continuación, conéctese al servidor de demostración de MobileTogether para ejecutar más aplicaciones de demostración. Una vez que tenga instalada la aplicación móvil MobileTogether, también puede probar la función de conversión de texto a voz para aplicaciones móviles en su propio dispositivo, utilizando MobileTogether Designer como servidor.