Home
Getting Started
Solutions
Tutorials
Tips
SE Optimization
Customizing OL
Help and How To
Downloads
Services
Frequently Asked Question
Contact Us
 

How to embed Audio in Office Live


Works in:
Print this page
Solution last update on: February 10, 2009

1.  First off choose what format of audio you are going to be using? WMA, MIDI, or MP3 are your best choices.  You will also need to know what type of file it is to insert the proper MIME type.
 
Some common MIME types are listed in the table below:
FormatFile ExtMIME Type
MIDI.midaudio/mid
MP3.mp3audio/mpeg or audio/x-mpeg
WAV.wavaudio/wav or audio/x-wav
2.  Upload your file to the document gallery on your website.  Need help with this?
 
3.  Next paste the code below into the Custom Footer module changing necessary parameters:
 
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/">
<object data="/documents/.mp3" type="audio/x-mpegwidth="" height="">
<param name="src" value="/documents/.mp3" />
<param name="autoplay" value="false" />
<param name="autostart" value="false" />
<param name="playcount" value="1" />
<param name="controller" value="true" />
<param name="showcontrols" value="true" />
</object>
</xsl:template>
</xsl:stylesheet>
 
Parameters:
File Source:  Needs to be changed in both places, just replace with the proper url to the audio file which will /documents/filename.mp3 if you uploaded it to the document gallery.
 
MIME type:  change this to the proper MIME type for the file type you are using.
 
Height and width:  Choose a width and height from the table below depending on what you want.
 

Windows Media Player

Quicktime

HeightDescriptionHeightDescription
26pxDisplays controls without slider 
30pxDisplays controls with Slider 
 WidthDescription
WidthDescription17pxDisplays play button
42pxDisplays play button49pxDisplays play button plus volume control
66pxDisplays Play and Stop button74pxEverything else plus slider
164pxEverything else plus next/previous and fast forward, reverse buttons150pxEverything else plus fast forward and reverse buttons
279pxEverything else plus volume control