The discussion revolves around creating a floating audio player for an entire Discourse forum, allowing users to play music from SoundCloud playlists while browsing. lowkey_324 initiated the request, seeking a solution to embed a persistent music player with basic controls and song information. Several users offered solutions, including using the Media Overlay Component to embed a SoundCloud player in a floating window via iframe, which can be enabled by whitelisting SoundCloud domains in site settings denvergeeks. A more advanced solution was provided by Don, who developed a custom theme component called SoundCloud Music Player that integrates directly into the forum. This component allows users to input a SoundCloud user or playlist ID, with options to hide the player and support multiple playlists Don. The component has been iteratively improved to fix UI issues on mobile devices and enhance desktop functionality Don. The conversation also explored the possibility of extending the component to support other platforms like Spotify and even video players for YouTube or Vimeo, though this would require more complex implementation. simon and merefield noted that while basic audio players can be built with a theme component using SoundCloud’s public API, more advanced features requiring authentication would need a backend plugin. The community praised the component’s functionality and expressed interest in further enhancements, such as playlist selection and cross-platform integration fbpbdmin, Aizada_M.
Hi, I’ve read through the forum trying to figure out if its possible to have an audio player for one’s entire discourse website. I’m not trying to do anything fancy like auto play.
What I’d like to do is have a music player floating on the website. So regardless of which topic or pages a user visits, they can decide to just click play and listen to music as they read through posts (so yes there should be the basic music player controls). The name of the song and the artists name would also appear. The music will be from Soundcloud playlists that I’ve made from my own account.
It’d also be great if there was a way to allow users to hide this music player.
Any chance you have any articles, plugins, third party services or instructions you can point me to in order to achieve this?
Thanks for this! I have very minimal coding experience so after looking through the documentation I’m not sure I understand how to connect a SoundCloud playlist with this audio player. Any chance you have some insight?
The Media Overlay Component will provide a button at the corner of every iframe.
This way you can pop out any iframe into a separate little window, and keep it on top while browsing through the forum, until the user closes it.
Enable that Theme Component, and whitelist your iframe source (i.e. https://w.soundcloud.com and https://api.soundcloud.com) in your site settings under allowed iframes.
Then you can paste this snippet into a Topic Post…
Click that button and that mini player pops up in the bottom right corner and stays open while you browse around the site (until you manually close it)…
This is EXACTLY what I was looking for. You are amazingggg! I will test it out this week. I hope you don’t mind me reaching out if I need some help though.
Any chance I can chat with you. I tried to find your profile, but couldn’t. I wanted to get some help on making thise theme component fetch playlist ids instead of user ids or at least have an embedded playlist (by inputting embed code or the playlist url) appear when you click on the “player” icon . Is this a possibility?
The only thing is after I add it as a component of the Default theme, I receive this message as it can’t fetch the URL for my public playlist. What am I doing wrong? I tried only inputting the playlist id and I tried inputting both playlist id and user id when I select playlist for embed type
