UNKLE - "Hold My Hand"
Embedded Flash players are pretty useful for streaming sound and video on websites and blogs. While YouTube is essentially the only place you'd ever need to go to get your video files on the intrawebs, audio streaming is a tad bit trickier to get running (primarily because there isn't really a centralized site to do it from). First you've gotta find a player, preferably for free, then you've gotta host your file somewhere, then of course you've gotta bring it all together and embed the player on your blog.
Odeo is responsible for the above player and the file is hosted on my Google Pages account. You don't have to sign up for Odeo to post one and if you already have a Gmail account then you've already got your file hosting problem taken care of. If you registered for Blogger with anything other than a Gmail address and don't have an account with them already, you're going to have to create one to get access to Pages. It's quick and relatively painless, so point yourself to pages.google.com and sign up for a free account. If you've got your own preference for file hosting then by all means use that, but Google's is free and comes with 100 mb of storage. That's step 1.
Step 2 involves uploading the MP3 file to your account. After logging in to your Pages account, you'll start with a template for your first page open. Hit "Back to Site Manager" in the upper left corner.

Looking to the right side of the site manager, you'll see a little button that says "Upload." Click that and find the file on your computer that you want to post. Depending on the file size, the uploading process can take a while.

On to step 3, which is posting the Flash player on your blog. Open another browser window/tab and start up a new post on Blogger. Hit the tab that says "Edit HTML" in the top right corner and copy/paste this code into your post (taken from here):
See in the code where it says "[MP3 file address]"? Go back to your Pages tab/window and right-click (command-click for Mac users) on the file you uploaded and copy it's address. Depending on your browser, the menu could be worded differently, but pick the one that sounds closest to what's highlighted below (Firefox pictured).

Replace "[MP3 file address]" with the link you've copied and hit Publish. You should now have a streaming Flash player to do with what you will.
4 comments:
Jon,
This is Scott, from the Portsmouth Herald. I visited your class with Howard Altschiller at UNH last Wednesday night. I had a blast. I just hope I didn't flub up too many words while explaining Audacity. In other news, I really found helpful these instructions on streaming audio on blogger. It inspired me to figure out how to post a Soundslide presentation to a blog!! And now I'm posting instructions for everyone to do both! If I don't hear any objection from you, I'll just link to your post on audio intead of reinventing the wheel on mine. Thanks for the help!! ~~SPY~~
Wow Jon,
Not only do you speak Swedish but you have all these crazy techie instructions on your blog! I am dually impressed. I'm going to upload some songs from this jazz club I'm featuring on my blog using your tutorial. Good job.
Abbie
Very helpful thanks for taking the time to write that. Of course now people are going to be able to hear what I'm making so it can't be horrible... Thanks!
Jon,
Thanks for posting those awesome instructions...I'm pretty sure I would have never figured out how to do that on my own. I've got the feeling you're going to be rescuing us non-computer savvy people on a regular basis haha. Thanks!
-Cat
Post a Comment