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 7 of 7 comments ( View all | Add Comment )

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