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

Hồ sơ sức khỏe điện tử (EHR) là gì và tại sao chúng lại cần thiết trong chăm sóc sức khỏe hiện đại?
Hồ sơ sức khỏe điện tử (EHR) là gì và tại sao chúng lại cần thiết trong chăm sóc sức khỏe hiện đại?
Khám phá những lợi ích của Hồ sơ sức khỏe điện tử (EHR) trong việc nâng cao chất lượng cung cấp dịch vụ chăm sóc sức khỏe, cải thiện kết quả điều trị cho bệnh nhân và chuyển đổi hiệu quả hoạt động y tế.
Làm thế nào để trở thành một nhà phát triển không cần mã: Hướng dẫn đầy đủ của bạn
Làm thế nào để trở thành một nhà phát triển không cần mã: Hướng dẫn đầy đủ của bạn
Tìm hiểu cách trở thành nhà phát triển không cần mã với hướng dẫn từng bước này. Từ ý tưởng và thiết kế giao diện người dùng đến logic ứng dụng, thiết lập cơ sở dữ liệu và triển khai, hãy khám phá cách xây dựng các ứng dụng mạnh mẽ mà không cần mã hóa.
Ngôn ngữ lập trình trực quan so với mã hóa truyền thống: Cái nào hiệu quả hơn?
Ngôn ngữ lập trình trực quan so với mã hóa truyền thống: Cái nào hiệu quả hơn?
Khám phá hiệu quả của ngôn ngữ lập trình trực quan so với mã hóa truyền thống, nêu bật những lợi thế và thách thức đối với các nhà phát triển đang tìm kiếm các giải pháp sáng tạo.
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