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

Sound- und Feuer-Konfetti-Blöcke in AppMaster abspielen

Sound- und Feuer-Konfetti-Blöcke in AppMaster abspielen

In AppMaster können Sie Webanwendungen interaktive Elemente wie visuelle Effekte, Sounds und mehr hinzufügen. In diesem Artikel zeigen wir Ihnen, wie Sie die beiden Blöcke "Fire Confetti" und "Play Sound" in Verbindung miteinander verwenden können.

Das in diesem Artikel beschriebene Beispiel ist sehr einfach, so dass ein Leser mit beliebigen Kenntnissen über die Arbeit mit der AppMaster-Plattform das Wesentliche der Verwendung dieser Blöcke verstehen und sie für seine Anwendung anpassen kann.

Nehmen wir an, unsere Webanwendung muss irgendwie auf das Ereignis der Benutzeranmeldung reagieren. Bei einer erfolgreichen Anmeldung schießt Konfetti auf den Bildschirm, und eine bestimmte Melodie wird abgespielt. Im Bild unten sieht das so aus (da es sich um eine Animation handelt, gibt es keine Möglichkeit, Sound zu integrieren, aber Sie können das Ergebnis selbst testen):

Confetti visual effects no codeSchauen wir uns zunächst die Geschäftsprozessblöcke Play Sound und Fire Confetti selbst genauer an.

1. Play Sound - ein Block eines Geschäftsprozesses, der Sound aus einer Datei unter einem bestimmten Link abspielt.
URL (mp3) [string] - Pfad zur Datei. Es empfiehlt sich, den Pfad zur Datei aus dem Dateispeicher der Anwendung anzugeben, dann sieht die URL aus wie /api/_file/<ID>/download/, wobei ID die Datei-ID im Backend der Anwendung ist.

no-code2. Fire Confetti - ein Geschäftsprozessblock, der Konfetti für den aktuellen Benutzer abfeuert.

  • Voreinstellung [vmodel] - ermöglicht Ihnen die Auswahl der Animation für das Abfeuern von Konfetti

- Kanone
- Feuerwerk
- Realistisch
- Schnee
- Schulstolz

  • Dauer (ms) [Ganzzahl] - Dauer der Animation in ms
  • Position oben (%) [Integer] - Abweichung des Auslösepunkts vom oberen Bildschirmrand
  • Position left (%) [integer] - Abweichung des Triggerpunktes vom linken Bildschirmrand
  • Partikelanzahl [integer] - Anzahl der Konfetti-Partikel
  • Winkel [ganze Zahl] - Winkel
  • Farben [string array] - Farben der Konfetti-Partikel

Fire Confetti no-codeKommen wir nun zum Einrichten des Geschäftsprozesses selbst. In unserem Beispiel wird das Konfetti nach einer erfolgreichen Benutzeranmeldung abgefeuert. Daher werden alle notwendigen Änderungen in dem Geschäftsprozess vorgenommen, der mit der Schaltfläche "Login" verbunden ist.

no-codeEs muss ein Moment im Geschäftsprozess gefunden werden, das den Benutzer nach erfolgreicher Anmeldung zur nächsten Seite weiterleitet, nämlich der Block Navigate. Unsere Änderung des Geschäftsprozesses sieht folgendermaßen aus:

no-codeEinstellungen für den Konfettiblock, der hier verwendet wird:

  • Voreinstellung = Kanone;
  • Dauer (ms) = 1;
  • Partikelanzahl = 500;
  • Winkel = 30.

Der Eingang des Blocks Play Sound erhält den Pfad zu der Musikdatei, die zuvor auf den Anwendungsserver hochgeladen wurde.

In diesem Artikel haben wir also die Möglichkeiten der interaktiven Blöcke Play Sound und Fire Confetti beschrieben. Wenn Sie verstanden haben, wie sie funktionieren, können Sie sie selbst für komplexere Szenarien verwenden.

Verwandte Beiträge

Der Schlüssel zur Erschließung von Monetarisierungsstrategien für mobile Apps
Der Schlüssel zur Erschließung von Monetarisierungsstrategien für mobile Apps
Entdecken Sie, wie Sie mit bewährten Monetarisierungsstrategien wie Werbung, In-App-Käufen und Abonnements das volle Umsatzpotenzial Ihrer mobilen App ausschöpfen.
Wichtige Überlegungen bei der Auswahl eines KI-App-Erstellers
Wichtige Überlegungen bei der Auswahl eines KI-App-Erstellers
Bei der Auswahl eines KI-App-Erstellers ist es wichtig, Faktoren wie Integrationsfähigkeiten, Benutzerfreundlichkeit und Skalierbarkeit zu berücksichtigen. Dieser Artikel führt Sie durch die wichtigsten Überlegungen, um eine fundierte Entscheidung zu treffen.
Tipps für effektive Push-Benachrichtigungen in PWAs
Tipps für effektive Push-Benachrichtigungen in PWAs
Entdecken Sie die Kunst, effektive Push-Benachrichtigungen für Progressive Web Apps (PWAs) zu erstellen, die die Benutzerinteraktion steigern und dafür sorgen, dass Ihre Nachrichten in einem überfüllten digitalen Raum hervorstechen.
STARTEN SIE KOSTENLOS
Inspiriert, dies selbst auszuprobieren?

Der beste Weg, die Leistungsfähigkeit von AppMaster zu verstehen, besteht darin, es selbst zu sehen. Erstellen Sie Ihre eigene Anwendung in wenigen Minuten mit einem kostenlosen Abonnement

Erwecken Sie Ihre Ideen zum Leben