AppMaster에서 소리 및 불 색종이 조각 재생

AppMaster에서 시각 효과, 사운드 등과 같은 대화형 요소를 웹 응용 프로그램에 추가할 수 있습니다. 이 기사에서는 Fire Confetti와 Play Sound 블록을 함께 사용하는 방법을 보여줍니다.

이 기사에 설명된 예제는 AppMaster 플랫폼 작업에 대한 지식 수준에 관계없이 독자가 이러한 블록 사용의 본질을 이해하고 응용 프로그램에 맞게 조정할 수 있도록 매우 간단합니다.

웹 애플리케이션이 사용자 로그인 이벤트에 어떻게든 응답해야 한다고 가정해 보겠습니다. 즉, 성공적인 로그인으로 화면에 색종이가 쏘고 특정 멜로디가 재생됩니다. 아래 그림과 같이 보입니다(애니메이션이므로 애니메이션이므로 사운드를 통합할 방법이 없지만 결과는 직접 테스트할 수 있습니다).

먼저 Play Sound 및 Fire Confetti 비즈니스 프로세스 블록 자체에 대해 자세히 살펴보겠습니다.

1. 사운드 재생 - 주어진 링크에서 파일의 사운드를 재생하는 비즈니스 프로세스 블록.

URL(mp3) [문자열] - 파일 경로입니다. 응용 프로그램의 파일 저장소에서 파일 경로를 지정하는 것이 좋습니다. 그러면 URL은 /api/_file//download/와 같이 표시됩니다. 여기서 ID는 응용 프로그램 백엔드의 파일 ID입니다.

2. Fire Confetti - 현재 사용자를 위해 색종이를 발사하는 비즈니스 프로세스 블록.

• 사전 설정 [vmodel] - 색종이 조각을 촬영할 애니메이션을 선택할 수 있습니다.

- 대포

- 불꽃놀이

- 현실적

- 눈

- 학교 자부심

• 지속 시간(ms) [정수] - 애니메이션 지속 시간(ms)

• 위치 상단(%) [정수] - 화면 상단에서 트리거 포인트의 편차

• 왼쪽 위치(%) [정수] - 화면 왼쪽에서 트리거 포인트의 편차

• 입자 수 [정수] - 색종이 조각의 수

• 각도 [정수] - 각도

• 색상 [문자열 배열] - 색종이 조각 색상

비즈니스 프로세스 자체를 설정하는 방법으로 이동해 보겠습니다. 이 예에서 confetti는 성공적인 사용자 로그인 후에 실행됩니다. 따라서 로그인 버튼과 관련된 비즈니스 프로세스에서 필요한 모든 수정이 이루어집니다.

비즈니스 프로세스에서 로그인 성공 시 사용자를 다음 페이지로 리디렉션하는 순간, 즉 탐색 블록을 찾는 것이 필요합니다. 비즈니스 프로세스의 수정 사항은 다음과 같습니다.

여기에 사용되는 Fire Confetti 블록 설정:

• 사전 설정 = 대포;

• 지속 시간(밀리초) = 1;

• 입자 수 = 500;

• 각도 = 30.

Play Sound 블록의 입력은 이전에 애플리케이션 서버에 업로드된 음악 파일의 경로를 받습니다.

따라서 이 기사에서는 Play Sound 및 Fire Confetti 대화형 블록을 사용할 수 있는 가능성에 대해 설명했습니다. 작동 방식을 이해한 후에는 더 복잡한 시나리오에 직접 사용할 수 있습니다.