Skip to content

Society for American Baseball Research Projects

Login SABR Home  

Blueprints
You are here: Home Documentation Streaming Audio
Streaming Audio
Written by Peter Garver, SABR staff   
Monday, 14 September 2009 14:51

We now have the capability on SABR web sites to stream audio. This requires uploading the file and pasting a small amount of HTML code into the page where you wish to stream the audio. This page will explain the process. It's a fairly difficult task compared to most, and if you think it looks too difficult, contact Peter at the SABR Office to set up any streaming that you need.

The first priority in setting up streaming audio is making sure you have explicity permission to stream the file - most decent audio is likely to be copy protected, and it's important to clear it first. With that out of the way, create an article and proceed as follows.

First, upload the file. You can do this easily be creating a link to the file (which will also allow visitors to download the audio easily).

Just before uploading the file

Just before uploading the file

Uploading the file

Uploading the file

Note in the next step, creating the link, you see the the address of the audio file (in the example http://chapters.sabr.org/hornsby/files/tom-wancho-inning.mp3). You will need to use this address later, but you will be able to see it during the next step as well.

Creating the link

Creating the link

The next step is to switch to "HTML" editing mode by clicking the "Source" button in the upper left corner of the editor. Then paste in this code:

<p><script language="JavaScript" src="http://projects.sabr.org/lib/audio-player.js"></script> 
<object width="290" height="24" type="application/x-shockwave-flash" 
data="http://projects.sabr.org/lib/player.swf" id="audioplayer1">
<param name="movie" value="http://projects.sabr.org/lib/player.swf" />
<param name="FlashVars" value="playerID=1&amp;soundFile=URL_GOES_HERE" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" /> </object></p>

And replace "URL_GOES_HERE" with the URL of your file - in the picture below you can see this step, and the URL is highlighted in the source so you can see where you can find it, and where to paste it.

Pasting in the HTML code

Pasting in the HTML code

Once you're done, click the "Source" button again to switch back to normal view, and you should see something like this:

The player in editor view

The player in editor view

Then press "Save", and have a you should see a view like what is pictured below. Try to play the audio - if it works, you're done!

The player in the "public" view

The player in the "public" view

Last Updated on Monday, 14 September 2009 15:28