This guide explains how to use the music control in the designer.
Add a music control
In the resource area on the left, click , then click a location in the design area to add it.
Configure music control
Select the music control to open the settings panel. In the quick settings panel, you can configure the control's style, data, animation, and arrangement.
Style: Adjust the styles for the default and hover states. You can configure properties such as the play/pause icon (icon replacement is supported), icon color (including opacity), background, border, and shadow. You can set these properties individually for the default and hover states.
Edit: On the edit tab, you can set the music source. In the music link panel, click Select Music to upload a file or enter a music link. To play the music automatically, enable the autoplay switch.
NoteOnly MP3 files under 4 MB are supported. Be sure to save your changes after selecting a file.
Animation: Set animation effects for the music control.
Arrange: Set the size and position of the music control.
Delete the control
To delete the control, select it and click the trash can icon.