embed an mp3 player in your wordpress blog post with WPaudio

One can put an mp3 file into a blog post, creating a clickable link. However, clicking this link will navigate to a new page with the viewer’s system’s default application for listening to mp3 files. It would be preferable to embed a working audio player right into the blog post.
Fortunately, this is readily achievable. There are a number of media players that extend the functionality of blogging platforms to this end. This post describes how to install my favorite such player into a WordPress blog.

I just installed an audio player plugin – WPaudio WordPress MP3 Player Plugin. This is what it looks like:
[wpaudio url=”http://metaversemusician.com/blog/wp-content/uploads/2009/10/Take-A-Little-Time.mp3″]

Here’s how to enhance your WordPress blog to support this player:

  1. Log in to the WordPress Site Administration panel
  2. From the Dashboard, select Plugins > Add New
  3. In the search box, enter ‘wpaudio’ and click the ‘Search Plugins’ button
  4. The search should return ‘WP Audio Player’ select ‘Install’ for this list entry
  5. When the plugin description page opens, click the red ‘Install Now’ button
  6. Once the install completes, click ‘Activate Plugin’

That’s all there is to it! Your blog now provides embedded mp3 players.

add a ReverbNation widget to a wordpress blog post

ReverbNation widgets can be embedded right within a wordpress blog post. This two minute tutorial demonstrates how.

I think I may now know how to embed an RN Widget in a post. Let’s try, shall we? Here’s the small tune player widget, with the material I loaded into the LTB RN site.


Have a listen!

It was pretty simple. ReverbNation provides many ways to obtain the code. Each widget even typically provides a ‘share’ button. Clicking this opens another instance of your browser, containing not only another instance of the widget, but also HTML code for the widget. At this point, you just need copy the code, by context menu, <ctl>-c, or even the button labeled ‘copy’ (clever, hunh?).

Once you have this code, you can paste it into any HTML field. For instance, the Edit Post screen in wordpress can accept this code. Just make sure that your editor has the ‘HTML’ tab active, rather than the ‘Visual’ tab active.

That’s all there is to it! Let’s do another! Heck – you do one!

  1. Start a new blogpost,
  2. click on the ‘share’ button above,
  3. click on the copy button,
  4. go back to the post you are editing,
  5. click the ‘HTML’ tab,
  6. paste to the post,
  7. give the post a catchy title — I suggest “Listen to the BEST BAND IN THE WORLD”
  8. Publish

Simple, eh?

BTW, If you like what you hear, sign up for the mailing list – I promise it’ll be a very low-volume mailing, and you can always unsubscribe later:

You can think of it as a tip in return for this great two minute tutorial 🙂Quantcast