You have an MP3 file (a podcast, a song of your band, a lecture) and you want to share it with the visitors of your site. You can just put a link to the MP3 and let people download it or you can include it as an object and let the browser play it with a plug-in like QuickTime (and most of the times also crash the browser). Most people want to preview the audio and not wait until it downloads completely. You can play a partial MP3 file in audio player, but many people aren't aware of that.
But there's another away: a Flash player that allows you to pause and rewind the MP3. It's like an audio version of Google Video or YouTube, with the difference that the file is hosted on your server (or on another server). While there are many solutions based on Flash, this is the one I like the most. It's a modified version of Odeo player, that's used to play podcasts on odeo.com:
You just have to replace [MP3 file address] with the actual address.
Here you can see how it looks (in this audio, Marissa Mayer talks about innovation at Google):
Update (April 28th, 2010): Odeo.com is down and the player no longer works. "Odeo will be down for maintenance and site improvements. We will restore service as soon as possible. Sorry for the inconvenience," says the site. Another player you can try until odeo.com is back online is Google Reader's player.
July 22, 2006
Subscribe to:
Post Comments (Atom)
i guess the odeo thing (which i dont understand really, lol) is back
ReplyDeletemy players are back :-)
www.myspace.com/nonsensenirvana
www.myspace.com/fishenelmar
- fish -
This post is awesome! Thank you for posting it.
ReplyDeleteworks GREAT in IE...
ReplyDelete...but when viewed in other browsers (Firefox, Opera, Safari and Navigator) this sounds scratchy and garbled.
see for yourself: http://www.bouldercreekranch.net/
why? please HELP!!!!
and thanks ahead of time for any input.
update to my problem (posted directly above):
ReplyDeletei've had a number of friends try the player out on their computers.
about half the time its garbled, regardless of the browser used.
we're tried it using Firefox, IE, Opera, Safari, Navigator and Chrome.
everyone has had different results: it might play well on IE... or it might not. every test resulted in a different response.
there appears to be no consistent indicator.
anyone with any ideas???
You can change the player to Black by typing in black, where it says grey.
ReplyDeleteAlso, Odeo is down again and won't play the script on my blog.
Does anyone know how to embed a player that pops out, and is not held to ODEO's Website maintenance???
www.kusf-archives.com
Bryan
I think it works great within 2 minutes I had the mp3 uploaded and running. The only problem I have is that I cant seem to put another player on a seperate page and play a differnt mp3 file any thoughts
ReplyDeleteHi. I am a real novice at this stuff...using MS Publisher to create a simple site...this player would be great for me....
ReplyDeleteHave pasted the code, entered the URL for my mp3. The player appears on my page, when I click the play button a message flashes momentarily (too fast to read it) but something like..."loading http.....". Then nothing. I can press play & pause but there is no sound, no movement.
Clues or tips?
The player loads onto my website, but when i press play, it just comes up 'loading' but nothing loads. I store my files on this location 'http://share.wiredtron.com/myfiles.php'
ReplyDeletethanks
Hi
ReplyDeleteOk i added the mp3 player for my blog and uploaded songs on http://www.fileden.com/.
But what should i do now??????????????????????????????
What is the next step?
How can i listen to them on the player?
Thanks
mijou
awesome!
ReplyDeletethanks!
Hey, this is good... i want to play the music as and when the blog opens! can this be done?
ReplyDelete"is there any way to change the color of that pink play button? "
ReplyDeleteScroll up
"is there any way to change the color of that pink play button?"
ReplyDeletescroll up
This player disappears at random. Every so often I check my site and it's gone. I know it's free but what's the point of offering a service, free or not, if it's not reliable?
ReplyDeletethx. a million works great!!!!
ReplyDeletehow do you make the http://sites.google.com/site/thehiphopsource/Home/A.K.A.ThePhreshPrince-MeMyself%26I-TheHipHopSource.com.mp3?attredirects=0
ReplyDeletea direct link?
Send the answer to dillbillz@thehiphopsource.com
If you know what MP3 you want to host, beemp3.com has an embed able player. Just a find i thought i would share.
ReplyDeletethank you very much! it really works with Internet Explorer 8 which has a lot of problems with other players. With this on, everything is all right!!!
ReplyDeleteHi all,
ReplyDeleteI've a blog http://foruandonlyu.blogspot.com/ I've managed to make one mp3 play in the background. But now i want to add more files and make a playlist. Is there a way i can do that? Please check the blog and let me know.
Really appreciate it, cheers.
ReplyDeleteIs there anyway to get the song name to come up in the display field??
If you just use the following code, the viewer's computer will play the file using whatever their default media player is. It will support audio and video files as long as you know what the correct file type definition is. you can even use local files by addressing the file with "file://" in front of the full path to the local file.
ReplyDeleteI can't post html in a comment, so remember to put <> around each of the following lines for this to work.
object type="audio/mpeg" data="media/audio/song.mp3" width="250px" height="40px"
param name="src" value="media/audio/song.mp3"
param name="autoplay" value="false"
param name="autoStart" value="0"
/object
HOw can I make my files available for download on my blogger website guys, i've been searching this for weeks but no one answers that.
ReplyDelete+ Thanks for all your suggestions above
, they helped me a great deal
Just answer the question above please..
- Umair Mahmood
thescorpion789@hotmail.com
Guys, for those of you that don't like it when odeo site is down and therefore your player doesn't work -- this is die to the fact that the shockwave file that is the player, is hosted on their site.
ReplyDeleteLook at the embed url -- <embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" ../>
So there really is an easy solution, download the swf file and host it on the same website where you want it to appear.
Open a command prompt and type 'wget http://www.odeo.com/flash/audio_player_standard_gray.swf'
This will download the .swf file to your computer, upload this to your website space and alter the embed url to point to where you put it in your webspace.
If you save it into your website space top directory then the code will then look like this :-
<embed src= "http://yoursite.com/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="never" wmode="transparent" type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=[MP3 file address]" pluginspage="http://www.macromedia.com/go/getflashplayer":gt; </embed:gt;
Easy, works like a charm, and you don't then need to rely on odeo.com being available so will never go down.
HTH
Help - I have posted the code and it shows up but there is no sound. When I press the button it says stop. Here is what I have any suggestions on editing the code to make it play??
ReplyDeleteembed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent"type="application/x-shockwave-flash" flashvars= auto_play=”true” &valid_sample_rate=true&external_url=http://www.fileden.com/files/2009/6/5/2467472/06-02-09%20Colony%20Days%20Grotto%20Main.mp3&audio_duration ="1:01"pluginspage="http://www.macromedia.com/go/getflashplayer">
Thank you! Already embeded!!
ReplyDeletenot working for me at all any ideas guys?
ReplyDeleteYou have given useful advice on embedding.
ReplyDeleteBut where to host the mp3 files to get the links which have to be placed in the code?
i have tried upload-mp3.com but the files mysteriously disappear after few days and even the account becomes non-operative.
please suggest a reliable website where I can HOST the mp3 files.
thanks
Hi,
ReplyDeleteCould you please tell me how I can make my song to play repeatable automatic.
Please answer me!!
e-mail: nansylambropoulou@hotmail.com
Thanks much for this mini audio player. You just made my day!
ReplyDeleteI assume it is free to use... no copyright issues or anything that I need to be concerned about?
Perfect , Wonderful working for me!!!
ReplyDeleteThx A lot
This is wonderful, but I after I read ALL the postings I have NOT found how to make it LOOP.
ReplyDeleteIs it possible?
Tks
Media Master used to be good.
ReplyDeleteNow it's gone.
This player is working for me in IE, FF, & NS... however, is invisible in Safari 4. I'm going to change the host site from Odeo to my own as suggested above and see if that helps. Also, I added the parameters for auto looping (loop=true) and duration (audio_duration =?)... and, neither are working.
ReplyDeleteAny additional suggestions for Safari, looping and duration?
I have looked fucking everywhere and found diddly! And here it is. Replace grey with black and just copy paste... Whohoo! I'm a webdesigner!
ReplyDeletewww.elephantinehq.org/
Awesome, we posted an interview and it works great. http://www.houseofspeed.com/latest_news.html
ReplyDeleteWHYYY WONT IT WORK!!?!
ReplyDeletevery nice and simple! thanks for this!
ReplyDeleteyou can simply add mp3 file without a flash using the html embed code its the simple way but it used the media core active X ( embed src="url of file" )(/embed) replace the brakets
ReplyDeletei have a some prob please tell me How can I adjust Volume and size?
ReplyDeleteWhere can I upload mp3's at?
ReplyDeleteDoes it work in Firefox or Safari?
ReplyDeleteSo far I have no luck!
Still working but I wonder if there is any way out to add a playlist along ..?
ReplyDeleteThnx for the code.
This was exactly what I wanted! Thank you!
ReplyDeleteI am mystified. I cant get the URL for an MP3 to work at all with this player. I have uploaded two MP3s to at least three free hosting websites. Houndbite's URL wont work except on their own clunky player. Garage Band's URL won't work.
ReplyDeleteI am trying to get my client's songs up on her Web site with the player featured here, but no luck. I know I am working with MP3s because I converted them and successfully uploaded to Garage Band and Houndbite. < http://www.erinrametta.com >
Duh. I just answered my own question with help from an earlier post here. For those of you who are as clueless a I was, you host the MP3 on your own site. I spent three days trying to park my MP3s on other sites and then using the URLs generated. No luck.
ReplyDeleteFinally I uploaded the MP3s to my client's Web site like this: < http://www.erinrametta.com/02 Waiting Room 1.mp3 >. The 02 Waiting Room 1.mp3 part is the title of one of my MP3s. BTW, you can convert from your CD or iTunes or whatever to MP3 with the free converter, "Switch" available online.
And then of course I loaded that entire URL into the player featured on this site and coded the thing to black, which I think is much classier. I hope this posting saves someone else a whole lot of time. You can see my results at < http://www.erinrametta.com/music.html >
That duration code that someone posted up here earlier is really useful. Otherwise the thing can do a start stop dance and the slider doesn't quite know what to do. Just in case you missed it, it is:
ReplyDelete"If you know the duration of the audio, add audio_duration=[duration], like this valid_sample_rate=true& external_url=[MP3 file address]&audio_duration =[duration], where duration is a real number expressed in seconds.
This way the slider will know its range of values and it will work better."
The code was originally posted by Ionut Alex, Chitu. Thank you.
I've been trying for hours to get this to work on my blogspot site, but it keeps stopping before I can get it to play anything. I've been using FileFactory as a host. Odeo doesn't appear to be down. What is going on???! Am I just cursed? I'm using Firefox, the latest version.
ReplyDeletehello abt the mp3 embedding. i uploaded a .mp3 file to a website and here is the link:
ReplyDeletehttp://www.fileden.com/files/2009/8/25/2554334/coffin.mp3
when i inserted this into the : URL-[]and ran my webpage on a browser, it still doesn't work. anyone know if i am doing something wrong?
How can aperson make the player invisible with a continuous loop?
ReplyDeletePlease help why does this not autoplay ?
ReplyDeleteis there a way to get the player to start from the beginning? it seems to leave off where it was the previous time i accessed my page. thanks.
ReplyDeleteCould someone help me? I can't find how to upload files onto boomp3.com... and have a blogger, so this isn't working. Just says 'stopped' on page although player shows up...
ReplyDeletePLEASE HELP!!
xoxo
where do we look for the actual adress of the music file? like the "http" link? so we can embed it into our blog. any help will be great appreciated, thanks!!!
ReplyDeletedoes anyone know the legal ramifications?
ReplyDeleteHi all... i have a problem...
ReplyDeleteI had set the Link from the Music.mp3 in the [] and the music dont load in the player... why?
Does this cut down on bandwidth usage?
ReplyDeleteThanks Alex.
ReplyDeleteToday I'm looking for this, I read your post and I get.
I use my PageCreator account to upload mp3. Easy and pratical way.
Black color looks great.
Thanks a lot
Thanks for this info! One thing I have found, for those of you who can see the player but your file won't play, it is really dependent on your file hosting service. I tried many, many times to get this player and the Google Reader player to play a 3 second mp3 and couldn't get anything from FileFactory. When I hosted the audio file at Box.net, boom, worked like a charm.
ReplyDeletecan someone please help me get the auto play and auto loop working....im designing a website for a friend...this is what mine looks like...
ReplyDeleteThis was super helpful! Thank you.
ReplyDeletepls tell how make it autoplay??
ReplyDeletegreat work， great help, thanks a lot alex~:)
ReplyDeletei still need the help of codes for looping , or auto-loop, where to add it, ?
ReplyDeletei tried a couple of ways, did not work,
thanks.
PINK??
ReplyDeletePink?
ReplyDeleteGo back into the html. Delete gray, type black.
.
what about this player: mp3 player with multiple instances
ReplyDeleteEmbedding an MP3 video into your site or blog can add allot of personality to your blog. This code is simple and easy and its great you are helping people with this information.
ReplyDeletehttp://www.pricego.org/MP4_Players_s/4.htm
all of a sudden this has stopped working... any tips?
ReplyDeleteAccording to odeo.com, "Odeo will be down for maintenance and site improvements. We will restore service as soon as possible. Sorry for the inconvenience."
ReplyDeletei try to put it on my facebook profile But didnt work.!!!
ReplyDeleteWhy.??
can someone help me pliz..!!♥
Guys im trying to post just 1 song on my web site and i dont want an mp3 or any thing to show up i just want the song to play like its invisible will this Do that ....if not Do u guys no anywhere i can go to do somethin like that.
ReplyDeleteshow how to embed multiple tracks or do you just put a coma and the next track .And how can your friends download you audio?
ReplyDeleteim creating a website on yola, and i want to add an mp3 player. but when i try to add my own music, it doesnt work. i hit 'preview' and clicked the play button, and all that came out is some cheesy tropical music. help, please!
ReplyDeletethis is not working now..........
ReplyDeletecan anybody help me out?
ReplyDeleteI have 65MB podcast audio .mp3 file. How can i play on my website. mp3 file is uploaded on my webspace. How can i embedded into my site.
or another best way?
ei... how to make it autostart?
ReplyDeletegreat! check this musicplayer
ReplyDeletehttp://music.xe-media.ch/
:)
-1- Music storage:
ReplyDeleteInitially, I hosted the music at sites.google.com, but the music would not play through IE or Chrome.
Opened account at "Dropbox" (http://www.dropbox.com/referrals/NTg2OTMyODQ5) FREE storage up to 2G. Upload audio files to "Public" folder.
Copy "public link."
-2- Mp3 Player:
Opened account with www.mixpod.com. FREE. Select skin, variety of styles and colors. Link to "Dropbox" URL for music. Click SAVE.
-3- Copy the EMBED code and paste into your blog HTML.
Working example:
My site is -
http://soundwarehousediary.blogspot.com/
Mp3 player right panel, if you want to judge before deciding. Good luck.
i think that the website of the player might be down now, it might've happened yesterday, cause it no longer works...
ReplyDeleteI use this generator:
ReplyDeletehttp://www.webestools.com/mp3-player-flash-swf-generator-flash-mp3-player-fla-script-play-music-mp3-site.html
It's easier.
Cool! So, I just pick any random mp3 file and it will play using the settings on the player?
ReplyDeletei see this article quite old. i have try all step, and i failed :(. im using mozella browser.
ReplyDeleteplease help me.
How do i convert mp3 music files on my computer to a data cd to transfer it to another computer or mp3 player?
ReplyDeletea solution for radio is http://www.findradio.net/findradio-widget
ReplyDeleteCan anyone help me with a small problem ?
ReplyDeleteI want to put an mp3 from my harddisk in the web page....so what should i use in place of the [mp3 address] ??
I tried the local address but it doesnt work !
thanks, nice player, I just added it to my blog
ReplyDeleteanyway, it support multiple files? if so, how?
just info, I used http://www.fileden.com since this filehosting has directlink feature.
i'm having trouble finding the address of my mp3 to add to the link. where do i find it?
ReplyDeleteHello Sir
ReplyDeleteI got code but can you tell me how can I find the exact link of the Mp3 file?
Do i need to upload mp3 on my server?
please help me.. Reply please
Thank You
Before I upgraded to Firefox 8.0, audio files on 3 websites were working. The audio codes are windows audio codes. After the firefox upgrade, one of the blog sites lost the audio. Now another site has lost the audio not only on Firefox but also on Chrome. I have downloaded several plugin but when I am in Chrome, I receive the following message:
ReplyDeleteThis program or feature
"\??\C:\users\owner\AppData\Local\Temp\wmpfirefoxplugin.exe"
cannot start or run due to incompatibility with 64-bit versions of Windows. Please contact the software vendor to ask if a 64-bit Windows compatible version is available.
It appears the plugin that is needed is in my Mozilla Firefox X86 Program files but trying to get it to the two browsers does not seem to work. Total Frustation! No sales pitches, please!
Can you pot the swf file for use? i dont want to use odeo.com since I dont know how long the'ill still provide this service ..
ReplyDeleteit isn't working
ReplyDeleteCan't get any of these to show up on my blog, I embedded the code on the html page. Any advice?
ReplyDelete