TopBarBeats - The Easiest Music Solution!

Resources Community Resources
1

Hi All,

I hope everyone is having a great week!

I wanted to share a really cool and frictionless way to add a music player to your experience!
Introducing TopBarBeats: the easiest music solution!

If your experience already uses TopBarPlus, feel free to skip ahead.
Otherwise, please see here for TopBarPlus documentation to get started:

Once you have TopBarPlus imported, simply pass it in (along with some song IDs :sunglasses:)

local ReplicatedStorage = game:GetService("ReplicatedStorage")

local TopBarPlus = require(ReplicatedStorage.Icon)
local TopBarBeats = require(ReplicatedStorage.TopBarBeats)

TopBarBeats:init(TopBarPlus)
TopBarBeats:loadTracks({
	"rbxassetid://140584467386533",
	"rbxassetid://132839662402626",
	"rbxassetid://1839841807",
	"rbxassetid://129338574094673",
	"rbxassetid://79333319537529",
	"rbxassetid://92664338374114",
	"rbxassetid://87188555700638",
	"rbxassetid://131065621936266"
}, { autostart = true, shuffle = true })

image
image782×507 46.7 KB

image
image789×515 54.3 KB

BOOM!:boom:Just like that, your experience now has a music player!
Gone are the days of ugly/clunky music players; now it integrates straight into the TopBar!

If you want to give it a try, I have included a demo place here:

I have also added it to GitHub for workflow convenience:

Happy to create some documentation on this in the future.
I hope this resource is helpful, please let me know your thoughts.

Thanks for reading!

-Blankscarface23

22 Likes
2

Hi,
There might be an issue where , depending on the song title number of characters, it does not show all of the music player buttons, like pause and track forward…

image
image635×289 30.9 KB

1 Like
3

I have observed that it may scale and clip out some buttons, however, they are still accessible by scrolling to the right.

I did experiment with TopBarPlus API, and I am planning a fix for this.
I will update this thread, the related repository, and the demo place once the fix is published.

Thank you for the feedback!

4

This issue has been resolved.

The demo place and the GitHub repository are now up to date with the latest fixes.

1 Like