SharePoint 2007 2010 – Embed an MP3 Player for a List or Document Library

UPDATED: 14 JUNE 2016

I found an existing copy of the Yahoo Media Player in my collection of old files.

Grab the code here: http://pastebin.com/i9QMm0PN

——————————–

Found this awesome “No-Code” solution while researching how to add Audio Books to SharePoint 2007.

Requirements:

– Site Administrator

– Internet Access (from Company Intranet)

1: Upload MP3’s to a Document Library or Create a Custom List with a URL column, which points to your MP3’s.

You can have either the MP3 as a Link:  (httP://server/site/MP3/song.mp3) or as an MP3 uploaded to a Document Library.

2: Add a Content Editor Web-Part to the top or bottom of the screen and place this code in the Source:

http://mediaplayer.yahoo.com/js

3: Hide the Content Editor Web Part and Watch the Magic appear!

SharePoint 2007 Document Library with playable MP3s

You should now see a little Play Button next to each MP3 link or File     Which you can click to listen.

– Clicking the Playlist displays all MP3 files that are found on the page in a Playlist!

– Even though it detects an FLV, when played it will only play the audio NOT the video.

Tip: You could also download the Yahoo Javascript file and upload it to your Scripts Library to save load time.

For more details about the Yahoo Media Player, check out their site here

* This Pic shows the a Custom List with a Multi-Line Column showing the URL with a thumbnail.

SharePoint 2007 MP3 List

14Oct 2011 – Update

This feature has now been tested on SharePoint 2010 and works splendidly.

I had to add a reference to my local copy of JQuery for it to display

i.e: /servername/scripts/jquery-1.6.2.min.js

Advertisements

13 thoughts on “SharePoint 2007 2010 – Embed an MP3 Player for a List or Document Library

  1. elearningshow October 6, 2015 / 10:48 pm

    Is it possible to get step by step instructions for SharePoint 2010?

    • Brett October 8, 2015 / 9:20 am

      Hi, I did test it in 2010 but I believe Yahoo has discontinued the plugin, so I’m not sure if it still works.

      • elearningshow October 8, 2015 / 8:29 pm

        Yes the plugin is discontinued and no longer works. It maybe able to revise the plugin by visiting thewaybackmachince.org

  2. Brad November 6, 2013 / 3:02 am

    yahoo took down the player.

  3. Zach October 10, 2013 / 11:34 pm

    Does anyone know if this will work on SharePoint 2013? It didn’t work at first try for me.

  4. Brett September 9, 2013 / 8:27 am

    Hi Matt,
    Try adding a script reference to JQuery in your file above the yahoo media js script.
    Brett

  5. matttdavis@comcast.net September 8, 2013 / 1:54 am

    This is not working for me. I am using SharePoint 2010 Foundation. I have the Ajax link in the Content Link and the HTML for the web part has the JScript in it but no luck. I have also seen a technique to reference the JScript on a txt file in Site Assets library, but I cannot seem to make that approach work either.

  6. Beta June 5, 2013 / 7:11 pm

    Delicious, thanks! Due to Java Script works well with SharePoint 2013!

  7. Mike May 2, 2013 / 7:57 am

    Looked everywhere for this, but no solution. Using SP2007. Added the player via CEWP. Player displays and works fine, but no cool little play button next to each media file. Can anyone help???

    Thanks.

    • Brett May 2, 2013 / 7:25 pm

      Hi Mike,
      The little play button appears automatically. It must detect all *.mp3 files on the page and places the play button next to each.
      The first image is a SP2007 document library where I’ve just uploaded the mp3 files. You could also try it in a list or a web part page.
      Thanks for trying it out,

  8. DJ March 14, 2012 / 4:17 am

    I just thought I would add another work around for all those non-admin SP 2010 users…

    If you don’t have access to the root directory to put your script files, you can use ajax to link to an external library that you would get from here:

    http://code.google.com/apis/libraries/devguide.html#jqueryUI

    Here is how I added jQuery to a web page in SharePoint 2010:
    Note – I didn’t include instructions for creating the list. since it is described above.

    1.) Click into the Content Editor Web Part like you would do to add text while in edit mode to activate the Text Tools tab in the ribbon.

    2.) Under the Format Text tab, locate the HTML drop down box option in the Markup section at the far right hand side of the ribbon.

    3.) Click on the HTML drop down box and choose Edit HTML Source.

    4.) Paste this Yahoo player script into the HTML Source Edit window and click OK.

    5.) Copy and paste this ajax link into the Content Link box at the top of the Content Editor panel and click Apply to save.

    https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

    6.) Click save to exit edit mode to see the magic happen.

    I hope someone finds this information useful.

    Enjoy,
    DJ

  9. Rob October 26, 2011 / 2:56 am

    This is fantastic! Have a number of conference sessions to post powerpoint as well as audio. you saved me hours of effort. great work!

Post a Comment

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s