This article has been updated from the original to reflect browser support for HTML5 audio and video.
Whether using audio or video for teaching purposes, or within ePortfolios as examples of pupils’ understanding, embedding media within your Ultranet pages (as opposed to clicking a link and downloading a file) can help provide a more pleasant and fluid user experience.
The easiest way to publish and share media files in Ultranet is via the Media Gallery module (see further details in this article).
However, should you wish to embed a single MP3/MP4 file into the page area itself, then the following steps will show you how to achieve this.
Windows Media Player (Windows only)
iTunes (Mac + Windows)
Zamzar (online via http://www.zamzar.com)
For video files, please refer to this article on compression/conversion to MP4.
Navigate to the page you wish to embed the audio/video in, then activate the Page Editor.
In the Page Editor, click on the File Manager icon and upload the MP3/MP4 to be embedded.
Once uploaded, copy the file path shown in the Document Manager browser (e.g. "/DataStore/Pages/CLASS_5/Docs/Documents"), and also take note of the full MP3/MP4 file name (e.g. "sample.mp3").
Add these two elements together to get the full URL to your media file, which should look something like the following:
Next, back in the main Page Editor window, switch to HTML view using the toggle button to the bottom-left.
Paste in the required embed code by selecting one of the following:
<audio controls="controls"> <source src="/DataStore/Pages/CLASS_XXX/Docs/Documents/sample.mp3" type="audio/mpeg"></source> </audio>
<video width="320" height="240" controls="controls"> <source src="/DataStore/Pages/CLASS_XXX/Docs/Documents/sample.mp4" type="video/mp4"></source> </video>
Replace the placeholder text (highlighted in bold) with the full file path and file name copied in Step 3 above.
Finally, switch back to Design view and ensure that the media player is loading where you want it. If not, you can highlight/select it and cut-and-paste it to a new location.
Once happy with the placement, click the "Update Page Content" button to save changes. Your file will now be playable within the embedded media player.