Play Audio in Google Sites Using SkyDrive, Dropbox, Docs and Gadgets

by on December 24, 2010

Yesterday I wrote about how to embed an audio player into Google Sites so you can play your own mp3 audio files.  It involved some HTML and lots of screenshots.  We also used Google Sites as the host of our audio file using the file cabinet feature in Google Sites.

However, storage space in Google Sites is limited!  In addition, why upload an mp3 again when it is already in the cloud–perhaps on SkyDrive, Dropbox or Google Docs.

Using the information from yesterday’s post, I have created a short video to show you how easy it is to use existing cloud storage space to embed your audio in Google Sites.  Take a look:

Google Sites Audio Tutorial

The video shows various methods but you can also use Google Docs as your storage medium as well.  Audio in Google Docs?  Yes, some time ago Google Docs allowed almost all file types to be uploaded.  Google Docs has 1 GB of storage for regular user accounts.  If that isn’t enough, Google sells additonal storage at ridiculously low prices.  See the price chart here.  I opted to add 20 GB of storage for only $5/year!

If you use Google Docs storage for your audio files, the procedure is exactly the same as in the video.  Navigate to Google Docs, click on the audio file, right-click on the download link and copy the link address:

So whether you use SkyDrive, Dropbox or Google Docs as a storage medium, the only trick is to find the correct URL and then append that URL with &type=.mp3 to get it to play on Google Sites.

Here is the HTML code for the Google Reader Player from yesterday’s post:

<embed src="" flashvars="audioUrl=" width="400" height="27" quality="best" wmode="transparent" type="application/x-shockwave-flash" pluginspage=""></embed>

If this copy and paste doesn’t work, go here and it should work fine.

To see the end result in the video and the addition of a player using a Google Docs audio file, click here.

Enjoy your audio capabilities on Google Sites!

Related articles

Enhanced by Zemanta
Related Posts Plugin for WordPress, Blogger...
  • corporate speaker

    Excellent post! This is exactly what I was looking for. Thanks

    • Anonymous

      I’m glad it works for you! Happy Holidays!

  • ThatAdamGuy

    Alas, only the first link on your example page is working for me; for all the other clips, I click play but no sound streams :.

    • Anonymous

      I have been checking up on the site recently and found differing results depending on the browser. Using Chrome, 3 of the five links work consistently. The Skydrive links flake out all the time. I will see if there is a fix for that or not. The Google Sites file cabinet works all the time!

      I’ll let you know what I come up with! Thanks!

  • Alex

    Thank you, thank you, thank you.

    • Anonymous

      You’re quite welcome!

  • Robert Summers

    Thank you for this tutorial. Works fine with Firefox and Chrome. I don’t use IE, so don’t know about that one. It does not work with Safari.

    • Anonymous

      Your welcome! You’re right–trying to get things to work in every browser is almost impossible these days.

  • Rob

    Thanks for the tutorial. Any idea how I can get the link for a whole collection in google docs? I need to share the root of a collection with another programme so that it can access all the files in that collection.

    • Anonymous

      I’m not sure at this time but I’ll look into it for you. Thanks!

  • Grant68

    Hi Jeff, Thanks for the tutorial. It was a big help especially having the video tutorial. Thanks mate.

    • Anonymous

      You’re welcome! Glad it helped!

  • Chris

    When I link to mp3s on my google docs site it plays fine if someone is signed in, but won’t play if someone is just browsing to the site without signing in.

    • Jeffrey Thomas

      I haven’t seen that problem before. I’ll try and look into for you.

  • Zylgis

    What about a playlist based on a directory in Google Docs?

  • Ed

    It appears that the Google Docs interface has changed (perhaps since Drive was introduced) and that there is no way to get the link address. Any ideas on how to solve this problem?

    • jdthomas7

      It’s always been a problem and a bigger one now. I’ll take a look and see what I can come up with.

Previous post:

Next post: