En AppMaster, puede añadir elementos interactivos a las aplicaciones web, como efectos visuales, sonidos y otros. En este artículo, le mostraremos cómo utilizar los bloques Fire Confetti y Play Sound conjuntamente.
El ejemplo descrito en este artículo es muy sencillo para que un lector de cualquier nivel de conocimiento del trabajo con la plataforma AppMaster pueda entender la esencia del uso de estos bloques y adaptarlos para su aplicación.
Digamos que nuestra aplicación web necesita responder de alguna manera al evento de inicio de sesión del usuario. Es decir, el confeti se dispara en la pantalla con un inicio de sesión exitoso, y una determinada melodía se reproduce. Se ve así en la imagen de abajo (como se trata de una animación, no hay manera de integrar el sonido ya que se trata de una animación, pero puedes probar el resultado por ti mismo):
En primer lugar, veamos con más detalle los bloques de proceso de negocio Play Sound y Fire Confetti en sí mismos.
1. Reproducir sonido - un bloque de un proceso de negocio que reproduce el sonido de un archivo en un enlace dado.
URL (mp3) [cadena] - ruta al archivo. Es una buena práctica especificar la ruta al archivo desde el almacenamiento de archivos de la aplicación, entonces la URL se verá como /api/_file/<ID>/download/, donde ID es el ID del archivo en el backend de la aplicación.
- Preset [vmodel] - permite seleccionar la animación para disparar confetti
- Cañón
- Fuegos artificiales
- Realista
- Nieve
- Orgullo escolar
- Duración (ms) [integer] - duración de la animación en ms
- Posición superior (%) [integer] - desviación del punto de disparo desde la parte superior de la pantalla
- Posición izquierda (%) [integer] - desviación del punto de disparo desde la izquierda de la pantalla
- Número de partículas [integer] - número de partículas de confeti
- Ángulo [integer] - ángulo
- Colores [cadena] - colores de las partículas de confeti
Es necesario encontrar un momento en el proceso de negocio que redirija al usuario a la siguiente página tras un inicio de sesión exitoso, es decir, el bloque Navegar. Nuestra modificación del proceso de negocio es la siguiente:
- Preset = Cañón;
- Duración (ms) = 1;
- Recuento de partículas = 500;
- Ángulo = 30.
La entrada del bloque Reproducir sonido recibe la ruta del archivo de música que se cargó previamente en el servidor de la aplicación.
Así, en este artículo hemos descrito las posibilidades de uso de los bloques interactivos Play Sound y Fire Confetti. Después de entender cómo funcionan, puedes utilizarlos tú mismo para escenarios más complejos.
