AppMaster에서 시각 효과, 사운드 등과 같은 대화형 요소를 웹 응용 프로그램에 추가할 수 있습니다. 이 기사에서는 Fire Confetti와 Play Sound 블록을 함께 사용하는 방법을 보여줍니다.
이 기사에 설명된 예제는 AppMaster 플랫폼 작업에 대한 지식 수준에 관계없이 독자가 이러한 블록 사용의 본질을 이해하고 응용 프로그램에 맞게 조정할 수 있도록 매우 간단합니다.
웹 애플리케이션이 사용자 로그인 이벤트에 어떻게든 응답해야 한다고 가정해 보겠습니다. 즉, 성공적인 로그인으로 화면에 색종이가 쏘고 특정 멜로디가 재생됩니다. 아래 그림과 같이 보입니다(애니메이션이므로 애니메이션이므로 사운드를 통합할 방법이 없지만 결과는 직접 테스트할 수 있습니다).
먼저 Play Sound 및 Fire Confetti 비즈니스 프로세스 블록 자체에 대해 자세히 살펴보겠습니다.
1. 사운드 재생 - 주어진 링크에서 파일의 사운드를 재생하는 비즈니스 프로세스 블록.
URL(mp3) [문자열] - 파일 경로입니다. 응용 프로그램의 파일 저장소에서 파일 경로를 지정하는 것이 좋습니다. 그러면 URL은 /api/_file/<ID>/download/와 같이 표시됩니다. 여기서 ID는 응용 프로그램 백엔드의 파일 ID입니다.
- 사전 설정 [vmodel] - 색종이 조각을 촬영할 애니메이션을 선택할 수 있습니다.
- 대포
- 불꽃놀이
- 현실적
- 눈
- 학교 자부심
- 지속 시간(ms) [정수] - 애니메이션 지속 시간(ms)
- 위치 상단(%) [정수] - 화면 상단에서 트리거 포인트의 편차
- 왼쪽 위치(%) [정수] - 화면 왼쪽에서 트리거 포인트의 편차
- 입자 수 [정수] - 색종이 조각의 수
- 각도 [정수] - 각도
- 색상 [문자열 배열] - 색종이 조각 색상
비즈니스 프로세스에서 로그인 성공 시 사용자를 다음 페이지로 리디렉션하는 순간, 즉 탐색 블록을 찾는 것이 필요합니다. 비즈니스 프로세스의 수정 사항은 다음과 같습니다.
- 사전 설정 = 대포;
- 지속 시간(밀리초) = 1;
- 입자 수 = 500;
- 각도 = 30.
Play Sound 블록의 입력은 이전에 애플리케이션 서버에 업로드된 음악 파일의 경로를 받습니다.
따라서 이 기사에서는 Play Sound 및 Fire Confetti 대화형 블록을 사용할 수 있는 가능성에 대해 설명했습니다. 작동 방식을 이해한 후에는 더 복잡한 시나리오에 직접 사용할 수 있습니다.
