- ATCS
- Learning Management
- Content Development
- Digital Media
- Interactive Learning
- Collaboration
- assessment
- Labs
- Training
- contact us
eLearning Tools
MEDIA SERVER - CREATING LINKS IN A WEB PAGE
If you are designing a web site or already have one (for examle a Faculty Website) that students or other users access to download course material, learn about the courses you teach and other information, you can enhance it by adding audio or video. The following sections explain how to link or embed audio and video files for use on the Web.
Linking
The simplest and easiest way to add multimedia to your Web page is to add a hyperlink to your audio or video file directly in your Web page.
- Use one of the samples below that matches the format of your audio or video file — RealMedia, QuickTime or Windows Media.
- Copy the text for the sample URL or copy the sample HTML for the link.
- Paste the link or HTML into your Web page where you want your link to appear.
- Replace the directory and file names (e.g. “videodemo/sample.rm”) with your actual file location. Also replace the label for the link, such as “my video link”, with the text you want displayed in your Web page for the visitor to click. Please leave the remainder of the link syntax exactly as it exists below.
Real Media (.rm file extension)
- Sample link URL: http://media1.csus.edu:8080/ramgen/usr/videodemo/sample.rm
- Sample HTML for the link:
<ahref="http://media1.csus.edu:8080/ramgen/usr/videodemo/sample.rm">my video link</a> - Sample link to Real Media example
QuickTime (.mov file extension)
We recommend you convert your QuickTime files to RealMedia, which are handled more easily on the media server. Use the built-in Media Converter in RealPlayer to convert media and videos. The samples below do not work in all browsers and operating systems.
- Sample link URL:
http://media1.csus.edu:8080/usr/videodemo/sample.mov - Sample HTML for the link:
<a href="http://media1.csus.edu:8080/usr/videodemo/sample.mov">my video link</a> - Sample link to QuickTime example
Windows Media (.wma and .wmv file extensions)
- Method 1: Try this method first, but not all browsers can handle the "mms" protocol.
- Sample link URL:
mms://media1.csus.edu/usr/videodemo/sample.wmv - Sample HTML for the link:
<a href="mms://media1.csus.edu/usr/videodemo/sample.wmv">my video link</a>
- Method 2: Use this method if the first method doesn't work on your computer or your visitors have difficulty using the first link method.
- Sample link URL:
http://media1.csus.edu:8080/asxgen/usr/videodemo/sample.wmv - Sample HTML for the link:
<ahref="http://media1.csus.edu:8080/asxgen/usr/videodemo/
sample.wmv"> my video link</a>
Embedding
The process of placing your audio or video file within a Web page is called embedding. When you embed an audio or video file you place a media player – such as RealPlayer – in your Web page, complete with control buttons, instead of having the browser launch the media player outside the browser. This method allows you to place text and images in your Web page alongside your audio or video file.
The wizards below help you create a Web page with the proper XHTML to embed a specific media player that handles your type of audio or video file. Select the wizard that matches the format of your audio or video file. After you answer a few questions, the wizard creates your custom Web page complete with the embedded media player that plays your media file. Save the resulting Web page after the wizard creates it for you.
- RealMedia wizard (“.rm” file extension)
[sample RealMedia Web page] - QuickTime wizard (“.mov” file extension)
[sample QuickTime Web page] - Windows Media wizard (“.wmv”, “.wma” file extensions)
Last updated: June 24, 2011
ATCS, California State University, Sacramento | AIRC 3005 | 6000 J Street | Sacramento, CA 95819-6143 | (916) 278-3370
If you have difficulty accessing content on this page, please visit the Contact Us page.