# Circle Music Player

This element adds a Play icon that you can use to play and pause an audio file within your application.

## Music Player

The Music Player Plugin adds an element that displays a circle music player on the page that plays MP3 files.

### Song file

Enter the link to the file to play. It can be dynamic by using the Composer.

### Starts at (seconds)

Enter a number to start the music after X seconds.

### Ends at (seconds)

Enter a number to end the music after X seconds.

### Prevent the user from using the round seekbar

When checked, users will not be able to go directly to a certain time in the music.

### Autoplay when a new song is set

Check this box to play as soon as a new song is sent to it.

## Setup

Once you add a Music Player element to the page, you can either upload an audio file or dynamically include a link. For example, if you have a "Song" page where you play a song that the user has selected, you might chose to play the current page's song's audio file.

![](https://34394582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5sbzwG7CljeZdkntrL%2F-MZYluKaoDo7jbW-8-1b%2F-MZYoI1ZmOk3xqEODv3M%2FScreen%20Shot%202021-04-30%20at%201.24.55%20PM.png?alt=media\&token=a81fae67-5adf-425d-8a3c-e69f103f097b)

Then when you preview the page, you can play or pause the current page's song, as well as select a point along the player's seekbar to cut to that section of the song.

![](https://34394582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5sbzwG7CljeZdkntrL%2F-MZYqYY_adLeZYDfzqSC%2F-MZYtOWvztTL_Z7ZdcLk%2FScreen%20Shot%202021-04-30%20at%201.24.29%20PM.png?alt=media\&token=0428d044-ad75-4e80-ada8-858be13fdf95)

For more details on how to use the Circle Music Player in the context of a music application, check out our tutorial on [how to build a Spotify clone. ](https://bubble.io/blog/build-spotify-clone-no-code/)

## FAQ

(Have a suggested FAQ to help other Bubblers? Please email us at <support@bubble.io>!)