Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

在AppMaster中播放声音和火彩纸块

在AppMaster中播放声音和火彩纸块

在AppMaster中,你可以向Web应用程序添加互动元素,如视觉效果、声音等。在这篇文章中,我们将向你展示如何将Fire Confetti和Play Sound这两个块结合起来使用。

本文所描述的例子非常简单,因此,对使用AppMaster平台的任何知识水平的读者都可以理解使用这些块的本质,并将其适用于他们的应用程序。

假设我们的Web应用程序需要以某种方式响应用户登录事件。也就是说,登录成功后,屏幕上会出现纸屑,并且会播放一段特定的旋律。如下图所示(因为这是一个动画,所以没有办法整合声音,因为这是动画,但你可以自己测试结果)。

Confetti visual effects no code首先,让我们仔细看看播放声音和发射彩纸的业务流程块本身。

1.Play Sound - 业务流程的一个区块,在一个给定的链接上播放文件的声音。
URL (mp3) [string] - 文件的路径。良好的做法是指定应用程序的文件存储的路径,那么URL将看起来像/api/_file/<ID>/download/,其中ID是应用程序后台的文件ID。

no-code2.发射彩纸 - 一个为当前用户发射彩纸的业务流程块。

  • 预设[vmodel] - 允许你选择发射纸屑的动画

- 大炮
- 烟花
- 逼真的
- 雪景
- 学校自豪感

  • Duration (ms) [integer] - 动画持续时间,单位是ms
  • Position top (%) [integer] - 触发点与屏幕顶部的偏差
  • Position left (%) [integer] - 触发点与屏幕左边的偏差
  • Particle count [integer] - 彩纸颗粒的数量
  • 角度 [整数] - 角度
  • 颜色[字符串阵列] - 彩纸颗粒的颜色

Fire Confetti no-code让我们继续设置业务流程本身。在我们的例子中,彩纸是在用户成功登录后发射的。因此,所有必要的修改都将在与登录按钮相关的业务流程中进行。

no-code有必要在业务流程中找到一个时刻,在成功登录后将用户重定向到下一个页面,即Navigate块。我们对该业务流程的修改如下。

no-code这里使用的火彩纸块设置。

  • 预设=大炮。
  • 持续时间(ms)=1。
  • 粒子数 = 500。
  • 角度=30。

播放声音块的输入接收先前上传到应用服务器的音乐文件的路径。

因此,在这篇文章中,我们描述了使用Play Sound和Fire Confetti互动块的可能性。在了解了它们的工作原理后,你可以自己使用它们来实现更复杂的场景。

相关帖子

远程医疗平台:初学者综合指南
远程医疗平台:初学者综合指南
通过本入门指南探索远程医疗平台的基本知识。了解无代码工具的主要功能、优势、挑战和作用。
什么是电子健康记录 (EHR)?为什么它们对现代医疗保健至关重要?
什么是电子健康记录 (EHR)?为什么它们对现代医疗保健至关重要?
探索电子健康记录 (EHR) 在增强医疗服务、改善患者治疗效果和转变医疗实践效率方面的优势。
可视化编程语言与传统编码:哪个更高效?
可视化编程语言与传统编码:哪个更高效?
探索可视化编程语言相对于传统编码的效率,强调寻求创新解决方案的开发人员的优势和挑战。
免费开始
有灵感自己尝试一下吗?

了解 AppMaster 强大功能的最佳方式是亲身体验。免费订阅,在几分钟内制作您自己的应用程序

将您的想法变为现实