Subtle Background Music Player (no autoplay)

Tags: music, autoplay, css, fancy, audio, twilight

Description:

While playing MP3s or OGGs automatically is nigh impossible, unless you do something evil like cover the screen while the music's not playing so any click starts it (which would be a rule violation as far as I'm aware), this one might catch the attention of a viewer and cause them to play it out of curiosity.
I recommend using internet radio stations for this one – currently, it's loaded with lainon.life's audio stream, but there's ones out there for stuff like vaporwave and such, so finding one playing whatever you like shouldn't be too much trouble.

Failing that though, you can just upload an mp3 or ogg to a filehost and have it play as a loop once someone clicks.

Preview:

Layout Screenshot

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

Displaying 9 of 9 comments ( View all | Add Comment )

Paganinjedi

profile picture

Is there a way to file host for this from Kodi?


Report Comment

Zev Rosenberg

profile picture

Where do you locate the mp3 player on your profile? I am having issues.


Report Comment



Your profile has a layout that uses a filter over everything. Due to...something, I guess, putting things on position:fixed or position:absolute while they're under a filter doesn't work. Sorry!

by Twilight Sparkle; ; Report

Curtis Sillo

profile picture

Not Bad!


Report Comment

sɐɾoɹ uᴉʌǝk

profile picture

Hell yeah!!


Report Comment

zielakjr music

profile picture

great


Report Comment

IconicDesignClothing.com

profile picture

I copied and pasted the code on its own and with an MP3 url; can't get it to work. Working for anyone else??


Report Comment



Works on your page for me, but you might have to upload a converted ogg version — not everything can play mp3s! Here's a good site for doing so!

by Twilight Sparkle; ; Report

I tweaked it a little bit, but yeah, finally got it to work! Thanks for checking it out.

by IconicDesignClothing.com; ; Report

Frances Matcheson ×Crowx

profile picture

Definitely gonna try this out. Thank you!


Report Comment

Manda Malice

profile picture

Using!! Thank you!!


Report Comment

z

profile picture

This is awesome! I removed the lower corner placement so now my "About Me" section has the player, and anyone can listen to Emo Kid on my profile xD


Report Comment



Hi! How were you able to make it play your own song? I can't seem to figure out how to have my profile playing music like in myspace days >.

by RaexRatta; ; Report

there's instructions in the comments of the code, you basically replace the provided link with a link to the music you want to play

by z; ; Report

Tried replacing the link and I do not know what I am doing wrong. Any help please!

by Vinny DiGiacomo; ; Report

It has to be an mp3 or ogg file hosted on a website!

by Twilight Sparkle; ; Report

Do you think I could use my soundcloud songs?

by Fishnets; ; Report

If you download it, convert it to an mp3/ogg file, and host it on a website, yes. This is not meant for SC embeds.

by Twilight Sparkle; ; Report

There's a way for some websites, if they're like a "download here" link if you click "copy link location" instead of clicking it, if the link it gives you ends in .mp3 or .ogg then you might be able to use it. Otherwise use a hosting site (I haven't figured out how to host music yet).

by z; ; Report

I am new to this I would love to learn how to play music and paste it I have done everything I know to do...thanks for your help ..

by Tonya shortt; ; Report

to play custom music upload an mp3 here: https://mp3.fastupload.co/
and right click and press Copy Audio Location.
The main drawback is that if the link is inactive for 60 days it will be deleted, however if people are pressing on it then I assume it wouldn't be deleted.

by Macky; ; Report

thanks macky that's brilliant!

by z; ; Report