How to embed audio into a blog or MySpace

Do you want to enhance your Blogger, Wordpress, MySpace, etc.? Do you want to add some music to your posts or profiles? Embedding music into your blog or MySpace profile is really easy with Fun SoundPlayer Maker tool. You need no special plug-ins – just an SWF sound player and its HTML code. You may ask: "Where can I get them?". This program will give them to you. So, let's go into technical details.

To embed audio into a web page, there are three steps:

  1. Creating Flash sound player;
  2. Uploading SWF player to the Web;
  3. Inserting Flash audio player code into a web page.




Does that look difficult? Actually, it's not. All you need to create an SWF music player and its HTML code is to use Fun SoundPlayer Maker utility. It lets you create and customize web sound players and buttons with some mouse clicks. Even the worst dummy can create flash music player with its help – no programming or scripting, simply choosing a button look, selecting sound file to embed and… that's all. Yes, it's really that easy. The program gives you web ready SWF file of your audio player and a piece of HTML code. Select "Save SWF and copy an HTML code to clipboard" in publishing options.

The next step – to get a flash mp3 player working, we should upload an SWF file to the Web. When it comes to the website owners, we say – upload an SWF player to your server. But if you're a usual blogger without your own server, what should you do? I use Google sites to store my files. Go to http://sites.google.com and create your own website. That's where you can store your files. Attach the file of your flash sound player to the created website and go to your blog or MySpace profile.

That's the third step – open an HTML editor of your blog post and paste the player code from the clipboard. It will look like this.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="34" width="84"><param name="movie" value="myplayer.swf"><param name="quality" value="high"><embed src=" myplayer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="34" width="84"></embed></object>

Then, go to your Google site and copy the link of the attached SWF file. In Internet Explorer, simply click the file, open it with IE, and copy the link address in the address bar. In Firefox, it's easier to right click on the file, in the popup menu click "Copy Link Location", and get the link address. Paste this link into your code as a player source (replace the name of your SWF file with this link):

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="34" width="84"><param name="movie" value="myplayer.swf"><param name="quality" value="high"><embed src="
http://sites.google.com/site/yourgooglesite/Home/myplayer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="34" width="84"></embed></object>

That's all, your audio player is successfully embedded to your blog or MySpace.

Tips: 1) Select player templates with an embedded sound source. 2) As most of the blog editors don't support JavaScript, select standard compliant markup in player publishing options. 3) While posting your player, you will see nothing in a visual post editor. You'll see only the code in an HTML editor. Don't worry, that's normal. You'll be able to test player in a post preview. 4) Make sure that your Google site is shared for public view, otherwise your blog visitors won't see you flash content.

4 comments:

rodger said...

thanks helen...i'm able to follow your instructions & embed a player on my blog...

however, the default auto play option needs to be set to "off"...not "play"...having audio play automatically (like with myspace) sucks....visitors need to be given the option to turn on the audio if they want it...not have it rammed down their ears...

but where is the code to change this very important setting..???...can you, or anybody else, help..??

Helen Grigorieva said...

Hi, rodger! Thanks for your comment. About autoplay - that was just my choice to use player with an autoplay option. The program I've used for creating it, Fun SoundPlayer Maker, has lots of templates including those not having autoplay option. So you simply can choose what you need. To give you and example, I'll change player in my post to the one without autoplay.
When choosing a button template, click Test and you'll see whether this player has autoplay option or not.
Hope this'll help
Best regards
Helen

mp3-fm-transmitter. said...

Very nice blog! This guide helped me tons :) really appreciate it. thank you.

vidio lucu said...

Thank's a lot for your article. Very nice. thank's so much.