> For the complete documentation index, see [llms.txt](https://manual.bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.bubble.io/core-resources/bubble-made-plugins/circle-music-player.md).

# 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.

![](/files/-MZYoI1ZmOk3xqEODv3M)

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.

![](/files/-MZYtOWvztTL_Z7ZdcLk)

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 visit our [Support center](https://bubble.io/support) to get in touch with a member of our Support team!)