Mainkan blok Suara dan Api Confetti di AppMaster

Di AppMaster, Anda dapat menambahkan elemen interaktif ke aplikasi web seperti efek visual, suara, dan lainnya. Dalam artikel ini, kami akan menunjukkan cara menggunakan blok Fire Confetti dan Play Sound secara bersamaan.

Contoh yang dijelaskan dalam artikel ini sangat sederhana sehingga pembaca dengan tingkat pengetahuan apa pun yang bekerja dengan platform AppMaster dapat memahami esensi penggunaan blok ini dan menyesuaikannya untuk aplikasi mereka.

Katakanlah aplikasi web kita perlu merespons event login pengguna. Yaitu, confetti menembak di layar dengan login yang berhasil, dan melodi tertentu dimainkan. Terlihat seperti ini pada gambar di bawah (karena ini adalah animasi, tidak ada cara untuk mengintegrasikan suara karena ini adalah animasi, tetapi Anda dapat menguji hasilnya sendiri):

Pertama-tama, mari kita lihat lebih dekat proses bisnis Play Sound dan Fire Confetti itu sendiri.

1. Putar Suara - blok proses bisnis yang memutar suara dari file di tautan tertentu.
URL (mp3) [string] - jalur ke file. Ini adalah praktik yang baik untuk menentukan jalur ke file dari penyimpanan file aplikasi, maka URL akan terlihat seperti /api/_file/<ID>/download/, di mana ID adalah ID file di backend aplikasi.

2. Fire Confetti - blok proses bisnis yang mengaktifkan confetti untuk pengguna saat ini.

• Preset [vmodel] - memungkinkan Anda memilih animasi untuk memotret confetti

- Meriam
- Kembang api
- Realistis
- Salju
- Kebanggaan Sekolah

• Durasi (ms) [integer] - durasi animasi dalam ms
  
• Posisi atas (%) [bilangan bulat] - penyimpangan titik pemicu dari atas layar
  
• Posisi kiri (%) [bilangan bulat] - penyimpangan titik pemicu dari kiri layar
  
• Jumlah partikel [bilangan bulat] - jumlah partikel confetti
  
• Sudut [bilangan bulat] - sudut
  
• Warna [string array] - warna partikel confetti
  

Mari kita beralih ke pengaturan proses bisnis itu sendiri. Dalam contoh kita, confetti diaktifkan setelah pengguna berhasil login. Dengan demikian, semua modifikasi yang diperlukan akan dilakukan dalam proses bisnis yang terkait dengan tombol Login.

Penting untuk menemukan momen dalam proses bisnis yang mengarahkan pengguna ke halaman berikutnya setelah login berhasil, yaitu blok Navigasi. Modifikasi proses bisnis kami adalah sebagai berikut:

Pengaturan blok Fire Confetti yang digunakan di sini:

• Preset = Meriam;
  
• Durasi (md) = 1;
  
• Jumlah Partikel = 500;
  
• Sudut = 30.

Input dari blok Putar Suara menerima jalur ke file musik yang sebelumnya diunggah ke server aplikasi.

Jadi, dalam artikel ini kami telah menjelaskan kemungkinan menggunakan blok interaktif Play Sound dan Fire Confetti. Setelah memahami cara kerjanya, Anda dapat menggunakannya sendiri untuk skenario yang lebih kompleks.