Sounds Good!

Earlier this week I left a comment (which I later turned into a blogpost) on this post by @wmchamberlain and was invited, via Twitter, to be a contributor at “At the Teacher’s Desk”   As I’d already identified audio and video of myself as a personal dislike I decided that the first step in “walking the talk” would be to use an audio-post as my first contibution to the blog.

Our class blog is provided by WordPress.com and it’s been about three years since I’ve done any real work on a Blogger based blog.  Before writing and recording my audio-post I needed to find out how to embed an mp3 audio player in Blogger.  Blogger (Google) doesn’t make this easy, which is a strange omission in a blogging platform that is otherwise so media friendly.  I thought I recalled doing it previously, but wasn’t sure.

In response to a question from @jlamshed I sent this tweet-

Which was met with a couple of responses.  One from @wmchamberlain suggesting I use Vocaroo (an online recording service) and another from @winetimejs saying I should find somewhere to host the audio file and link it in the blog.

Neither of these matched exactly what I wanted.  They’d both work perfectly well, but I wanted to edit the audio in Audacity to remove any “umms” and hiccoughs I might make.  I also wanted to embed a little player into the blog rather than have a link like this- listen here.  Don’t bother clicking – it’s not a real link!

After following several pomising leads from Google I eventually found this page.  It documents several ways of adding an audio player to Blogger. I used number 1 on the page to produce this player below.

You’ll need somewhere to host your audio file (I actually uploaded mine to WordPress).  After that you need to follow the instuctions, copy and paste the player code and then paste in your mp3 file location. I’m not going to reproduce all the steps here in any detail because they’re all included here.  Just make sure you paste the code into the html view in Blogger.

The page offers other options for embedding mp3 audio in blogger, none of which I’ve tried.  I like the sound of number three, which adds code to the Blogger template so that a player appears automatically whenever you paste in an mp3 link.

One final note.  This only works with mp3 audio files.  If you have any problems you can leave questions and suggestions in the comments.  Happy recording and listening!

3 Responses

  1. Excellent post. Was wondering how to do this myself! Thanks so much

  2. Better still have the audio right there inside the post.

    Adding audio with a bit of code wrapped around it

  3. And you could have done it in a pretty straight forward manner using Quicktime. Especially if you have QT Pro. Just save the file from Audacity and open using QT. Then export the QT as any format blogger recognizes eg .mov, .m4a etc and upload through the video upload button. It doesn’t need images, it would just be a sound file. Our enhanced audio (podcasts, .m4a) upload smoothly on the KPE blog.
    Thanks for sharing these other ways of doing it though – I’ve learned something new here.