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

Phát các khối Confetti âm thanh và lửa trong AppMaster

Phát các khối Confetti âm thanh và lửa trong AppMaster

Trong AppMaster, bạn có thể thêm các yếu tố tương tác vào ứng dụng web như hiệu ứng hình ảnh, âm thanh, v.v. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách sử dụng cả hai khối Fire Confetti và Play Sound kết hợp với nhau.

Ví dụ được mô tả trong bài viết này rất đơn giản để người đọc ở bất kỳ cấp độ kiến thức nào về việc làm việc với nền tảng AppMaster đều có thể hiểu bản chất của việc sử dụng các khối này và điều chỉnh chúng cho ứng dụng của họ.

Giả sử ứng dụng web của chúng ta cần phản hồi bằng cách nào đó đối với sự kiện đăng nhập của người dùng. Cụ thể, hoa giấy bắn ra màn hình khi đăng nhập thành công và một giai điệu nhất định được phát. Nó trông giống như thế này trong hình dưới đây (vì đây là hoạt ảnh, không có cách nào để tích hợp âm thanh vì đây là hoạt ảnh, nhưng bạn có thể tự kiểm tra kết quả):

Confetti visual effects no code Trước hết, chúng ta hãy xem xét kỹ hơn các quy trình kinh doanh của Play Sound và Fire Confetti.

1. Phát âm thanh - một khối của quy trình nghiệp vụ phát âm thanh từ một tệp tại một liên kết nhất định.
URL (mp3) [string] - đường dẫn đến tệp. Cách tốt là chỉ định đường dẫn đến tệp từ bộ lưu trữ tệp của ứng dụng, khi đó URL sẽ có dạng / api / _file / <ID> / download /, trong đó ID là ID tệp trong phần phụ trợ của ứng dụng.

no-code 2. Fire Confetti - một khối quy trình nghiệp vụ bắn hoa giấy cho người dùng hiện tại.

  • Cài đặt trước [vmodel] - cho phép bạn chọn hoạt ảnh để chụp hoa giấy

- Pháo
- Bắn pháo hoa
- Thực tế
- Tuyết
- Niềm tự hào về Trường học

  • Thời lượng (mili giây) [số nguyên] - thời lượng hoạt ảnh tính bằng mili giây
  • Vị trí trên cùng (%) [số nguyên] - độ lệch của điểm kích hoạt so với đầu màn hình
  • Vị trí bên trái (%) [số nguyên] - độ lệch của điểm kích hoạt so với bên trái của màn hình
  • Số hạt [số nguyên] - số hạt hoa giấy
  • Angle [số nguyên] - góc
  • Màu sắc [mảng chuỗi] - màu sắc của hạt hoa giấy

Fire Confetti no-code Hãy chuyển sang thiết lập chính quy trình kinh doanh. Trong ví dụ của chúng tôi, hoa giấy được kích hoạt sau khi người dùng đăng nhập thành công. Vì vậy, tất cả các sửa đổi cần thiết sẽ được thực hiện trong quy trình kinh doanh liên kết với nút Đăng nhập.

no-code Cần phải tìm một thời điểm trong quy trình nghiệp vụ chuyển hướng người dùng đến trang tiếp theo khi đăng nhập thành công, cụ thể là khối Điều hướng. Việc sửa đổi quy trình kinh doanh của chúng tôi như sau:

no-code Cài đặt khối Fire Confetti được sử dụng ở đây:

  • Đặt trước = Pháo;
  • Thời lượng (ms) = 1;
  • Số hạt = 500;
  • Góc = 30.

Đầu vào của khối Play Sound nhận đường dẫn đến tệp nhạc đã được tải lên máy chủ ứng dụng trước đó.

Vì vậy, trong bài viết này, chúng tôi đã mô tả các khả năng sử dụng khối tương tác Play Sound và Fire Confetti. Sau khi hiểu cách chúng hoạt động, bạn có thể tự mình sử dụng chúng cho các tình huống phức tạp hơn.

Bài viết liên quan

Cách phát triển hệ thống đặt phòng khách sạn có khả năng mở rộng: Hướng dẫn đầy đủ
Cách phát triển hệ thống đặt phòng khách sạn có khả năng mở rộng: Hướng dẫn đầy đủ
Tìm hiểu cách phát triển hệ thống đặt phòng khách sạn có khả năng mở rộng, khám phá thiết kế kiến trúc, các tính năng chính và các lựa chọn công nghệ hiện đại để mang lại trải nghiệm liền mạch cho khách hàng.
Hướng dẫn từng bước để phát triển nền tảng quản lý đầu tư từ đầu
Hướng dẫn từng bước để phát triển nền tảng quản lý đầu tư từ đầu
Khám phá con đường có cấu trúc để tạo ra nền tảng quản lý đầu tư hiệu suất cao, tận dụng các công nghệ và phương pháp hiện đại để nâng cao hiệu quả.
Cách chọn công cụ theo dõi sức khỏe phù hợp với nhu cầu của bạn
Cách chọn công cụ theo dõi sức khỏe phù hợp với nhu cầu của bạn
Khám phá cách chọn đúng công cụ theo dõi sức khỏe phù hợp với lối sống và nhu cầu của bạn. Hướng dẫn toàn diện để đưa ra quyết định sáng suốt.
Bắt đầu miễn phí
Có cảm hứng để tự mình thử điều này?

Cách tốt nhất để hiểu sức mạnh của AppMaster là tận mắt chứng kiến. Tạo ứng dụng của riêng bạn trong vài phút với đăng ký miễn phí

Mang ý tưởng của bạn vào cuộc sống