back

How to embed an audio file (mp3)

Example:

AUDIO TITLE

To view this video please upgrade your Flash Player or turn Javascript on.

XX:XXs - XX.XMB - Transcript

  1. Upload the audio file. The file should be uploaded under /multimedia/flash-media/. For example: /multimedia/flash-media/youraudio.mp3. Create the folders if they don't exist already.
  2. For Site Manager 2: Turn on the object flash-media for the page that contains the audio.

    For Site Manager 1: Copy and paste the following code into the <head> section of the HTML, usually in the template.

    <link rel="stylesheet" href="http://datasearch2.uts.edu.au/common-assets/jwmediaplayer/jwplayer.css" type="text/css" media="screen" charset="utf-8" />
    <script type="text/javascript" charset="utf-8" src="http://datasearch2.uts.edu.au/common-assets/jwmediaplayer/jwplayer.js"></script>
    <script type="text/javascript" src="http://datasearch2.uts.edu.au/common-assets/jwmediaplayer/swfobject.js"></script>
  3. Copy and paste the following code where you want the audio to be and then modify as necessary:
    • Change the value for file with the correct URL.

      Note: If you are embedding this video in a news or event item (using the News or Events Module), the URL should be absolute, do not use <sm object="site url" server="Folders" />. For example: http://www.uts.edu.au/theaudio.mp3

    	
    <div class="flash-media-content">
    	<p class="flash-media-title">AUDIO TITLE</p>
    
    	<div id="mediaholder">
    		<p>To view this video please upgrade your Flash Player or turn Javascript on.</p>
    	</div>
    	
    	<script type="text/javascript">
    		jwplayer("mediaholder").setup({
    			flashplayer: "http://datasearch2.uts.edu.au/common-assets/jwmediaplayer/jwplayer.swf", 
    			file: "<sm object="site url" server="Folders" />/jwmediaplayer/demo/careers_fair.mp3", 
    			width: 290,
    			height: 24,
    			controlbar: 'bottom'	
    		});
    	</script>
    		
    	<p class="video-caption">XX:XXs - XX.XMB - <a href="<sm object="site url" server="Folders" />/multimedia/flash-media/transcripts/transcript.html">Transcript</a></p>
    </div>
    	
back