Guest blog by NaT: Audio File support in a SharePoint Document Library

Published 09/24 courtesy of Bamboo Solutions Community

Add an audio file into a SharePoint document library and try to open it. You will get the following message if you are using IE 8 (or previous version of IE):

If you upload audio files to a regular document library, SharePoint will sends back the file request as MIME Type of “text/html” (maybe text/plain) instead of “audio/wav” (or something similar audio type). For that reason, IE is not smart enough to detect the content is in fact an audio file to launch the appropriate application, perhaps Windows Media player (Google Chrome can actually detect it and play the audio file in-browser).

The solutions I can think of are the following:

Solution-1: Change your document library view to “Explorer View”, and it will basically detect any file type in your document library as if they were in your local machine. Keep note that it is actually running system commands and that might be unsafe.

Solution-2: Create an HttpModule to intercept requests to the SharePoint Web application, detect if an audio file has been request, then respond back with a MIME type “audio/wav” instead of “text/html”, and then let the browser detect the audio file and open its appropriate windows application.

Solution-3: Create a custom Field Type that uses a form-rendering control that figures out the URL of the audio and embeds a windows media player to play the audio when item is in “View Properties” mode. Then, make use of your new custom field type in your SharePoint document library.

Solution-4: Dynamically add “Play” Edit Control Block for audio items, and when clicked it navigates to a SharePoint application page that plays the audio in-browser Windows Media Player.

Solution-1 is slick and quick way of solving it, if users are willing to run system commands of course. Solution-2 is theoretically feasible. Effects are at the web application level, which makes it interesting, and worth looking at, as you can apply the same concept to other non-supported files in SharePoint Document libraries. Solution-3 sounds possible too. In fact I first started out this road, and realized it will need more effort and time than I expected it would (If possible I might give it a shot sometime, at least to explore the intrinsic involved in custom field types, RenderPattern elements and form-rendering controls). But, if you like the idea of having a “Play” ECB specifically added for audio files and let’s you play audios from your browser without opening other apps in your machine, then solution-4 is what you are looking for.

Here you find sample codes. Sample codes!!!! In other words, you have to clean it up on your own.

But anyways, the followings are the different components of solution-4:

Audio Library: A SharePoint document library containing audio files (ex: files with extension .wav)

Audio-Check Service: a SharePoint application Page used as a simple web service that can determine whether an item in SharePoint is an audio file or not. All it does is receive a SharePoint item URL, uses the Object Model to determine the extension of the file, then responses back a Boolean value in an XML format.

Content Editor Web Part: added on the same page as the List View Web Part of the audio library. It will contain JavaScript codes that uses SharePoint JavaScript Context object and XHR object to make Ajax calls to Audio-Check Service, determines whether or not a document is an audio file, and depending on the result decides to put the “Play” edit control block for only audio files.

Audio Player Page: a SharePoint application page that receives an audio file URL and plays audio on a page using embedded Windows Media Player.

Audio-Check Service

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using Microsoft.SharePoint.WebControls;
using Microsoft.SharePoint;
namespace NaT.SharePoint.EditControlBlockAudioSupport.WebControls
{
    public class AudioCheckService : LayoutsPageBase
    {
        protected WindowsMediaPlayer _mediaPlayer;
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            string itemId = this.Request.QueryString["ItemID"];
            string listId = this.Request.QueryString["ListID"];
            string audioCheck = this.Request.QueryString["AudioCheck"];


            if(audioCheck != null)
            {
                SPList list = this.Web.Lists[new Guid(listId.Trim())];
                SPListItem item = list.GetItemById(Int32.Parse(itemId.Trim()));
                bool displayEditControlBlock = this.IsItemAnAudioFile(item);
                this.ResponseDecision(displayEditControlBlock);
            }
        }

        public bool IsItemAnAudioFile(SPListItem item)
        {
            return item.File != null && item.File.Name.EndsWith(".wav");
        }

        public void ResponseDecision(bool decision)
        {
            this.Response.ClearHeaders();
            this.Response.ClearContent();
            this.Response.Cache.SetCacheability(HttpCacheability.NoCache);
            this.Response.AddHeader("Content-type", "text/xml");
            this.Response.Write(@"<?xml version=""1.0"" encoding=""UTF-8"" ?>");
            const string cmdPattern = @"<Command>{0}</Command>";
            this.Response.Write(string.Format(cmdPattern, decision.ToString().ToLower()));
            this.Response.End();
        }
    }

}

Audio Player Page

For playing back audio you can use <OBJECT /> HTML Tag for embedding Windows Media Player in your browser, it let’s you pass a URL as a parameter and streams it back for you.

Create a Web Control that uses the <OBJECT /> Tag. I would prefer putting the Object Tag format in a different embedded file have that loaded in your Window Media Player Web Control:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace NaT.SharePoint.EditControlBlockAudioSupport.WebControls
{

    public class WindowsMediaPlayer : WebControl, INamingContainer
    {
        public string FileName{ get; set;}
        protected override void Render(HtmlTextWriter writer)
        {
            base.Render(writer);
            var template = this.GetResourceFileAsString("NaT.SharePoint.EditControlBlockAudioSupport.Properties.MediaPlayerObject.xml");
            var outputMarkup = string.Format(template, "MediaPlayer_" + Guid.NewGuid().ToString(), FileName);
            writer.Write(outputMarkup);
        }
        private static string GetResourceFileAsString(string fileName)
        {
            var assembly = Assembly.GetExecutingAssembly();
            var stream = assembly.GetManifestResourceStream(fileName);
            if (stream != null)
            {
                var streamReader = new StreamReader(stream);
                var myText = streamReader.ReadToEnd();
                if (myText != null) return myText;
            }
            return string.Empty;
        }
    }
}

Then, basically use the above WindowsMediaPlayer Web Control in your Media Player SharePoint application page.

Content Editor Web Part – JavaScript

Your final out come should be something like this:

Play ECB

And, after clicking “Play”, you will be navigated to the media player application page.

Happy coding,

NaT

Sharepoint Answers

Guest blog by NaT: Audio File support in a SharePoint Document Library

Recent SharePoint Questions

More Articles By

Develop Mobile Applications for SharePoint with Mobile Entree - CMSWire

Bamboos Year in Review: Marc OBrien Introduces the Bamboo Online Applications Division

Working with the Admin Links on your SharePoint Blog

More Articles Under "News from Around the Web"

Guest Blog by H3 Solutions Jason Hall - Mobile Entrée, Taking a Look Under the Hood

SharePoint on Your SmartPhone, Android Moves to Laptops, Best Practices Conference Speakers List

Announcing the Best Practices Conference Speakers List!

Most Viewed Content

Sharepoint Answers

Guest blog by NaT: Audio File support in a SharePoint Document Library

Share This Article

Recent SharePoint Questions

More Articles By

Develop Mobile Applications for SharePoint with Mobile Entree - CMSWire

Bamboos Year in Review: Marc OBrien Introduces the Bamboo Online Applications Division

Working with the Admin Links on your SharePoint Blog

More Articles Under "News from Around the Web"

Guest Blog by H3 Solutions Jason Hall - Mobile Entrée, Taking a Look Under the Hood

SharePoint on Your SmartPhone, Android Moves to Laptops, Best Practices Conference Speakers List

Announcing the Best Practices Conference Speakers List!

Most Viewed Content