A member on the Community Server forums asked about embedding an MP3 player in his blog posts and I thought this would be a great addition to the CarKnee Bundle!
To implement this we are going to create a basic CSModule that works off of the PreRenderPost event. In our module we will try to match text that looks like this
[ mp3]*Some Uri*[/mp3 ]
and turn it into a Flash MP3 Player pointing to the specified Uri.
Our code is very simple and looks like this:
Post post = content as Post;
if ((post != null) && (e.Target == PostTarget.Web))
{
Match Mp3Match = Regex.Match(post.FormattedBody, @"\[mp3\](.*?)\[/mp3\]", RegexOptions.IgnoreCase);
if (Mp3Match.Success)
{
string uri = Mp3Match.Value;
uri = uri.Substring(5, uri.Length - 11);
post.FormattedBody = Regex.Replace(post.FormattedBody, @"\[mp3\](.*?)\[/mp3\]", CreatePlayerCode(uri), RegexOptions.IgnoreCase);
}
}
The MP3 Player I decided to use for this can be found here. There are MANY different Flash based MP3 players on the Web, but I have used this one for digitaldjpool.com and it has worked great!
To use this module all you need to do is insert the following code into your post:
[mp3 ]http://www.example.com/File.mp3[/mp3 ]
It will automatically turn your link into a flash based MP3 player as shown here:
There is an issue with cross site loading of MP3 files though. If you are linking to a file that resides outside of your domain you will need to have a crossdomain.xml file on the domain you are linking to. This is a security feature built into the Flash Player.
To install this, download the CarKnee Bundle and follow the directions in the readme.txt file.
The Community Server module used to show this player has been updated. Please read this post for the updated version.