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

Šøft_K!ttêǹ

Šøft_K!ttêǹ's profile picture

Can someone please give me instructions on how to put my own audio in I appreciate the help I can get ^-^


Report Comment

Zipper T Bunny

Zipper T Bunny's profile picture

[OOC] thank you so much! I'm using this RN! I can finally have Zipperlicious on my page once again. 😌


Report Comment

angel

angel's profile picture

this is so cool! tysm.


Report Comment

xXMilesMassacreXx

xXMilesMassacreXx's profile picture

tysmm!!!!


Report Comment

blackburn3000

blackburn3000's profile picture

THIS IS SO COOL! I LOVE THIS LAYOUT


Report Comment

Laura♡

Laura♡'s profile picture

I'm having such a hard time adding music to my page even using your player 😩


Report Comment



You can always embed a youtube video

by XxCaliConquestxX; ; Report

Nepster

Nepster's profile picture

so cool!!


Report Comment

h0p3_p1lls

h0p3_p1lls's profile picture

this is cool :0


Report Comment

20jallright

20jallright's profile picture

thanks!!


Report Comment

xAnDEr... ?!

xAnDEr... ?!'s profile picture

thank u!!!


Report Comment

majime yamashita

majime yamashita's profile picture

thank u!!


Report Comment

Princess Of Destiny

Princess Of Destiny's profile picture

thank You!


Report Comment

Paganinjedi

Paganinjedi's profile picture

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


Report Comment

Zev Rosenberg

Zev Rosenberg's 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

Curtis Sillo's profile picture

Not Bad!


Report Comment

sɐɾoɹ uᴉʌǝk

sɐɾoɹ uᴉʌǝk's profile picture

Hell yeah!!


Report Comment

zielakjr music

zielakjr music's profile picture

great


Report Comment

IconicDesignClothing.com

IconicDesignClothing.com's 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

Frances Matcheson ×Crowx's profile picture

Definitely gonna try this out. Thank you!


Report Comment

Manda Malice

Manda Malice's profile picture

Using!! Thank you!!


Report Comment