Use above Custom Search to search for relevant topics

Tuesday, November 6, 2007

Install invisible music player and why you should not do it

For an example of a blog with an invisible music player, go to Invisible background music player with your speakers turned on.

I don't recommend this, but there are bloggers who want it, so I will describe how first and explain why I advice against it later.

How to install an invisible music player to your blog

The very first thing you have to do is to upload your music file to a online file host which will put your music file online and not those that let you upload the music file and require anyone to listen to the music to click on a link to download the music file.

Once you have uploaded the music file to the web, get its URL.

Sign into blogger.com (Dashboard) and you will see a list of blogs you have created. Of course if you only have created one blog, you will see only one. Whatever it is, click LAYOUT and in any section, I recommend the footer, click "Add a Page Element", and in the "pop-up", select HTML/Javascript, then add this script into the HTML/Javascript box:

<embed style="width:1px; height:1px; visibility:hidden" autostart="true" loop="true" src="URL of music"/></embed>


You will of course have to substitute URL of music with the URL of your own music which had been uploaded to the web.

The attribute loop="true" play continuously. If you want it to play only once, you will have to change it to loop="false".

Why I don't advice adding music that automatically start to a blog or any other websites

When you install an invisible music player, that means there will be no button to click to start the music. Therefore you must make the music play automatically for it to make any sense. That is why there is the attribute autostart="true" in the script.

A surfer may visit your site in the middle of the night while others are sleeping, or with a sleeping baby beside him or her, or in a public library, or he or she may already have his or her favorite music playing in the background. Once your music start, the visitor may be forced to quickly surf away from your site to stop the music and you lose a visitor. And if a surfer has already his or her favorite music playing, your music will replace that, and that may cause irritation. There will be no button anywhere for the visitor to click to stop the music.

Still want to install an invisible music player. Well, everyone have their own preferences and opinions and what they think is good or no good. The choice is yours.

Related posts:

Hot linkable file host and embedding music player
How to add music to your blog
Add MP3 player to your blog
Easy way to add music to blog (eSnip)
eSnip music player in sidebar
Make music slideshows with Fliptrack

Music at Amazon

32 comments:

Brianna said...

I saw your code for the invisible music player. Do you have a CSS code? I have the url for my music, I just have a CSS stylesheet.

Peter Chen said...

Hi Brianna,

Is it a blog you have or is it a normal website? And if a blog, are you using Google Blogger? If Google Blogger, CSS is included in the template.

Further, if you are referring to this invisible music player described in this post, it involves a Page Element or widget, nothing to do with CSS.

So I am afraid I do not understand what you are asking.

Peter Blog*Star
Blogger Tips and Tricks

Raj said...

Hi,

I have created my own blog and I wanted to play some music in the background.

I tried the steps which mentioned in your post...
- Uploaded the music the on the web
- Created the embed script tag
- added a HTML/JavaScript Page element to my blog.
- Added the music tag to Page element
- Saved the changes & visited the blog.

I did not hear music playing in the background. Do I have do anything else apart from the steps mentioned above ?

I would appreciate your help here.

- Rahul

WaterFaerieMae™ said...

it doesn't work for me either.

liying said...

Hi can u kindly give mi some websites where I can upload my music to cos I don't know where I should upload my music to. Thanks!

kaveri said...

hi peter..
i ve followed d steps yu ve given but its not working...can yu help me out either?can yu send me a mail to:
kaverister@gmail.com

Pritish said...

peter,

i tried every possibility to add inivisible music on to my blog but could not. please suggest one ASAP

Pritish said...

pls suggest on how to install a invisible music player. your previous suggestions did not work. i need my blog to play invisible music like yours

=DeNIsE= said...

Hi there,

Can I copy the URL rite from youtube or Imeem, cos I don't really understand
-upload your music file to a online file host which will put your music file online-

I tried using the url from the youtube but at the top of my blog it stated that I need some plugin to play the media but when I try to install, there are unknown file.

Glad if you can help. TQ.

Ishan 'Trash-Talkin' Wadi said...
This comment has been removed by the author.
Ishan 'Trash-Talkin' Wadi said...
This comment has been removed by the author.
Ishan 'Trash-Talkin' Wadi said...
This comment has been removed by the author.
Ishan 'Trash-Talkin' Wadi said...
This comment has been removed by the author.
Ishan 'Trash-Talkin' Wadi said...
This comment has been removed by the author.
Nick said...

Ishan, look at your html code, u pasted it twice. Thats y.

zostonasoshio said...

Doesn't work for me either.

Issabella said...

hi peter,
i tried the code but it didn't work.....

Claustrawberry Fragaria Vesca said...

thanks alot for the tips and trick. it's works fine for me =)

HymnZ said...

well here is what you have to do..

you need to upload the file to such a site which gives u an mp3/wma/ogg link (http://www.sitename.com/****/filename.mp3)

in that case only your music will play in the background.. :)

Darlinn' said...

How can I put music on my blog..? I tried the steps you gave, but It doesn't seem to work.

ChrIs n GracE said...

hi, i love the song on ur blog..its beautiful.
wat is the name of this song?
another thing is i am using a custom blogskin and i don know where can i paste the html codes for the invisible player can u pls teach me?
thanks....

Misty Rae said...

where do you get the url for the music?

HymnZ said...

http://www.supload.com/

Sushanta Kar said...

Thank You! It's now working in my blog, as you said!

{Esther Ng}♥ said...

I was wondering if it was possible for me to put more than one background music. If it's possible, could you tell me how to do that??

SINCERE ME said...

Hey thanks for the advice..the thing works but wads my problem is that only i can hear the music..my friends who visti my blog cannot..So is there anything else i should do.PLease reply to my query.thanks.

chie said...

i made this successfully except for the loop part. it only plays once..pls help

a lovely said...

Thank you so much for the advice Peter, I love it! New question .. What if I want two songs to loop, not just one? Would I simply add more "url" after first? Thank you again, I am loving it!
Egreencakes

Nn!3 + Ttee3 said...

Hi Peter~

Thanks a lot for your tips and tricks.

But can i have more than one song as the background music?
How to do?

Gordonia ceylanica said...

Thanks a Lot Uncle Peter :)

Lauraine said...

Excellent pieces. Keep posting such kind of information on your blog. I really impressed by your blog.
html5 player| html5 video player

Albert einstien said...

This is really pretty cool place I like it because it has everything I want more on this blog soon.
rap beats for sale