SharePoint 2020

The Vision for a Future of Clarity

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

June 8, 2011 - Posted by | SharePoint 2007, SharePoint 2010 | , , , , , , ,

13 Comments »

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

    Comment by elearningshow | October 6, 2015 | Reply

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

      Comment by Brett | October 8, 2015 | Reply

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

        Comment by elearningshow | October 8, 2015

  2. There’s a version at http://webplayer.yahooapis.com/player-beta.js

    Or you could always download the file and upload it locally to your SharePoint Doc Library?
    You can download it from here. http://l.yimg.com/pb/webplayer/0.9.39/js/player-min.js

    Comment by Brett | November 6, 2013 | Reply

  3. yahoo took down the player.

    Comment by Brad | November 6, 2013 | Reply

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

    Comment by Zach | October 10, 2013 | Reply

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

    Comment by Brett | September 9, 2013 | Reply

  6. 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.

    Comment by matttdavis@comcast.net | September 8, 2013 | Reply

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

    Comment by Beta | June 5, 2013 | Reply

  8. 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.

    Comment by Mike | May 2, 2013 | Reply

    • 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,

      Comment by Brett | May 2, 2013 | Reply

  9. 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

    Comment by DJ | March 14, 2012 | Reply

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

    Comment by Rob | October 26, 2011 | Reply


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

%d bloggers like this: