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互动块的可能性。在了解了它们的工作原理后,你可以自己使用它们来实现更复杂的场景。

相关帖子

解锁移动应用盈利策略的关键
解锁移动应用盈利策略的关键
了解如何利用广告、应用内购买和订阅等经过验证的创收策略来释放移动应用的全部收入潜力。
选择人工智能应用程序创建者时的关键考虑因素
选择人工智能应用程序创建者时的关键考虑因素
选择人工智能应用程序创建者时,必须考虑集成能力、易用性和可扩展性等因素。本文将引导您了解关键考虑因素,以做出明智的选择。
PWA 中有效推送通知的技巧
PWA 中有效推送通知的技巧
探索为渐进式网络应用 (PWA) 制作有效推送通知的艺术,从而提高用户参与度并确保您的消息在拥挤的数字空间中脱颖而出。
免费开始
有灵感自己尝试一下吗?

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

将您的想法变为现实