Learn@UW Utility Knowledgebase


 ADVANCED

Learn@UW - Using Audio and Video


This document summarizes known issues and recommends solutions for using audio and video in Learn@UW. It is intended for instructors or staff experienced in creating audio or video content or who have read and understood Learn@UW - Important Considerations When Using Audio and Video. For further assistance you may consider DoIT Academic Technology Consulting.

DoIT Network Media Services staff has researched a large number of audio and video media format, presentation and delivery configurations for Learn@UW and has come up with the following recommendations.

Overall Recommended Video Solution:

Detailed instructions are provided in this knowledge base document.

Secondary Recommended Video Solution:

This solution is only recommend for users who can not use Windows Media format or have existing Quicktime streaming formatted files.

Detailed instructions are provided in this knowledge base document.

Real Media Recommended Video Solution:

This solution is only recommended for users who are constrained to using Real Media format or have existing Real Media formatted files.

Detailed instructions are provided in this knowledge base document.

Audio Recommended Solution:

Detailed instructions are provided in this knowledge base document.

_____________________________________________________________________________________________________

Included in the rest of this document are the best effort solutions for streaming Quicktime, Windows Media, Real Media and selected audio formats.

**NOTE** These solutions are no longer supported or updated to reflect the newest format, player, or Learn@UW software changes due to the time required to assure functionality and interoperability accross platforms and browsers.

Click on an option below to view instructions.


 
QuickTime
Windows Media
Real
Streaming
Hosted on UW streaming servers
Progressive Download
- Hosted in Learn@UW
Progressive Download
- Hosted Externally
Podcasting
- Audio

QuickTime

QuickTime: Streaming | Player

QuickTime movies and audio will almost always play on HTML pages and not in the standalone player. This will prevent users from enlarging the video display and from using other external player-specific features.

Suggested Solution:

Host links and reference files to streamed content on an external http server.

QuickTime: Progressive Download - Learn@UW | Player

QuickTime movies and audio will almost always play on HTML pages and not in the standalone player. This will prevent users from enlarging the video display and from using other external player-specific features.

QuickTime: Progressive Download - Learn@UW | Embedded

Basic functions work well. For expanded functionality, the code for embedding must be edited externally as in the example below:

<embed src="http://webstreamer.doit.wisc.edu/streamcompare/quicktime.mov"
qtsrc="http://webstreamer.doit.wisc.edu/streamcompare/quicktime.mov"
width="320" height="256" autoplay="true" loop="false" controller="true"
pluginspage="http://www.apple.com/quicktime/"></embed>

QuickTime: Progressive Download - External | Player

QuickTime movies and audio will almost always play on html pages and not in the standalone player. This will prevent users from enlarging the video display and from using other external player-specific features.

Problems in XP:

The video may not display on all Windows XP computers. Refer to the instructions for embedding QuickTime videos as an alternate method of integrating QuickTime media on Learn@UW.

QuickTime: Progressive Download - External | Embedded

Learn@UW provides options for either uploading, or pointing to, an existing course file. There is not an option to enter a URL in the html editor's "insert object" dialog box.

Suggested Solution:

You can manually edit the code for embedding. Below a code sample for an embedded streaming file. Note that an extra 16 pixels must be added to the height of the player for the controller. Replace the "embed src" with the exact URL of your own streaming server/file.

<embed src="http://webserver.doit.wisc.edu/compare/quicktime.mov"
qtsrc="http://webserver.doit.wisc.edu/compare/quicktime.mov"
width="320" height="256" autoplay="true" loop="false" controller="true"
pluginspage="http://www.apple.com/quicktime/"></embed>


Real Player

Real: Streaming | Embedded

The embedded Real Player will not function if any file related to media playback is hosted on Learn@UW or any other https server.

Suggested Solutions:

  1. Instead of embedding video or audio, use the external player;
  2. Host the .ram files on an external http server;
  3. Learn@UW's HTML editor does not insert the proper code for Real embedding. Instead, edit the html externally and have the code point at the remotely hosted ram and media files, as in the example below:
    <embed type="audio/x-pn-realaudio-plugin" src="http://mediastreamer.doit.wisc.edu/real/streamcompare/high_action_medium_250.ram" width="320" height="240" controls="ImageWindow" autostart="false" console="Clip1" nolabels="true"></embed><br>
    <embed type="audio/x-pn-realaudio-plugin" width="320" height="30" controls="ControlPanel" autostart="false" console="Clip1" nolabels="true"></embed>

    In this case, the text inside the ram file would be:

    rtsp://realstreamer.doit.wisc.edu/streamcompare/high_action_medium_250.rm

Real: Progressive Download - Learn@UW | Player

Real Media works well when using the external player. Simply link to your .ram file with a quicklink.

Real: Progressive Download - Learn@UW | Embedded

The embedded Real Player will not function if any file related to media playback is hosted on Learn@UW or any other https server.

Suggested Solutions:

  1. Instead of embedding video or audio, use the external player;
  2. Host the .ram files on an external http server;
  3. Learn@UW's HTML editor does not insert the proper code for Real embedding. Instead, edit the html externally and have the code point at the remotely hosted ram and media files, as in the example below:
    <embed type="audio/x-pn-realaudio-plugin" src="http://mediastreamer.doit.wisc.edu/real/streamcompare/high_action_medium_250.ram" width="320" height="240" controls="ImageWindow" autostart="false" console="Clip1" nolabels="true"></embed><br>
    <embed type="audio/x-pn-realaudio-plugin" width="320" height="30" controls="ControlPanel" autostart="false" console="Clip1" nolabels="true"></embed>

Real: Progressive Download - External | Embedded

The embedded Real Player will not function if any file related to media playback is hosted on Learn@UW or any other https server.

Suggested Solutions:

  1. Instead of embedding video or audio, use the external player;
  2. Host the .ram files on an external http server;
  3. Learn@UW's HTML editor does not insert the proper code for Real embedding. Instead, edit the html externally and have the code point at the remotely hosted ram and media files, as in the example below:
    <embed type="audio/x-pn-realaudio-plugin" src="http://mediastreamer.doit.wisc.edu/real/streamcompare/high_action_medium_250.ram" width="320" height="240" controls="ImageWindow" autostart="false" console="Clip1" nolabels="true"></embed><br>
    <embed type="audio/x-pn-realaudio-plugin" width="320" height="30" controls="ControlPanel" autostart="false" console="Clip1" nolabels="true"></embed>

Real: Progressive Download - External | Player

Real Media works well when using the external player. Link to your .ram file with a quicklink.


Windows Media Player

Windows Media: Streaming | Embedded

Learn@UW provides options for either uploading, or pointing to, an existing course file. There is not an option to enter a URL to a streaming server in the HTML editor's "insert object" dialog box.

An .asx (or any Windows Media metafile) file on an https server like Learn@UW cannot be decrypted by Windows Media player for Macintosh.

Suggested Solution:

The following code has shown to work on all platforms and all browsers. Since the built-in editor does not generate this code, html pages with this code must be edited offline and uploaded to your course directory.

<Embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"
src="mms://winstreamer.doit.wisc.edu/streamcompare/high_action_medium_768.wmv"
Name=MediaPlayer ShowControls=1 ShowDisplay=0 ShowStatusBar=0 width=320 height=285>
</embed>

Add 45 pixels to the height of the video to maintain a proper aspect ratio if you choose to display the movie contoller. More info on embedding Windows Media content at http://support.microsoft.com/default.aspx?scid=kb;en-us;285154&Product=wmp
Pleae note that the above code does not represent the "standard" URL format. Changing it or moving to an asx file hosted on your course directory may cause some players not to function. Do not use http or rtsp when linking to Windows Media files this way, since only mms:// will be universally recognized as the protocol that will launch the Windows Media player on Macintosh and Windows computers.

Windows Media: Progressive Download - Learn@UW | Player

The Windows Media player for Macintosh will not play any Windows Media content hosted on any secure https server, such as Learn@UW. Windows Media files should be hosted on a non-secure http web server for progressive download delivery.

Suggested Solution:

  1. If you do not have any Macintosh users, you could host the media file on Learn@UW and either use the built in editor or the the code below with your choice of remote HTML editors.
  2. Host the media file on a remote http media server. You will need to edit the HTML externally, because the built-in editor currently doesn't allow remote URLs to media content.
  3. You can embed Windows Media content using the following code (add 45 pixels to the height of the video to maintain a proper aspect ratio if you choose to display the movie contoller.):

<Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"
src="http://webstreamer.doit.wisc.edu/streamcompare/high_action_medium_768.wmv"
Name=MediaPlayer ShowControls=1 ShowDisplay=0 ShowStatusBar=0 width=320 height=285>
</embed>

(*Click here for more information about .asx files)

Windows Media: Progressive Download - Learn@UW | Embedded

The Windows Media player for Macintosh will not play any Windows Media content hosted on any secure https server, such as Learn@UW. Windows Media files should be hosted on a non-secure http web server for progressive download delivery.

Suggested Solution:

  1. If you do not have any Macintosh users, you could host the media file on Learn@UW and either use the built in editor or the the code below with your choice of remote HTML editors.
  2. Host the media file on a remote http media server. You will need to edit the HTML externally, because the built-in editor currently doesn't allow remote URLs to media content.
  3. You can embed Windows Media content using the following code (add 45 pixels to the height of the video to maintain a proper aspect ratio if you choose to display the movie contoller.):

<Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"
src="http://webstreamer.doit.wisc.edu/streamcompare/high_action_medium_768.wmv"
Name=MediaPlayer ShowControls=1 ShowDisplay=0 ShowStatusBar=0 width=320 height=285>
</embed>

Windows Media: Progressive Download - External | Player

The Windows Media player for Macintosh will not play any Windows Media content hosted on any secure https server, such as Learn@UW. Windows Media files should be hosted on a non-secure http web server for progressive download delivery.

Suggested Solution:

  1. If you do not have any Macintosh users, you could host the media file on Learn@UW and either use the built in editor or the the code below with your choice of remote HTML editors.
  2. Host the media file on a remote http media server. You will need to edit the HTML externally, because the built-in editor currently doesn't allow remote URLs to media content.
  3. You can embed Windows Media content using the following code (add 45 pixels to the height of the video to maintain a proper aspect ratio if you choose to display the movie contoller.):

<Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"
src="http://webstreamer.doit.wisc.edu/streamcompare/high_action_medium_768.wmv"
Name=MediaPlayer ShowControls=1 ShowDisplay=0 ShowStatusBar=0 width=320 height=285>
</embed>

(*Click here for more information about .asx files)

Windows Media: Progressive Download - External | Embedded

The Windows Media player for Macintosh will not play any Windows Media content hosted on any secure https server, such as Learn@UW. Windows Media files should be hosted on a non-secure http web server for progressive download delivery.

Suggested Solution:

  1. If you do not have any Macintosh users, you could host the media file on Learn@UW and either use the built in editor or the the code below with your choice of remote HTML editors.
  2. Host the media file on a remote http media server. You will need to edit the HTML externally, because the built-in editor currently doesn't allow remote URLs to media content.
  3. You can embed Windows Media content using the following code (add 45 pixels to the height of the video to maintain a proper aspect ratio if you choose to display the movie contoller.):

<Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"
src="http://webstreamer.doit.wisc.edu/streamcompare/high_action_medium_768.wmv"
Name=MediaPlayer ShowControls=1 ShowDisplay=0 ShowStatusBar=0 width=320 height=285>
</embed>

(*Click here for more information about .asx files)


Podcasting

If you wish to make podcasts available only to those with access to your Learn@UW course, you will need to work with your campus Learn@UW support staff for campus-specific details.

Web Accessible Audio: Streaming

Suggested Solution:

  1. To get a file to automatically open the Windows Media Player on either PC or Macintosh or the Flip for Mac QuickTime plugin on the Macintosh enter the direct protocol "mms://" URL to your media file on the streaming file as a topic link. (*Note: more information about .asx files.) Do not use http or rtsp when linking to Windows Media files this way, since only mms:// will be universally recognized as the protocol that will launch the Windows Media player on Macintosh and Windows computers. You can also insert these mms:// URLs as links in HTML code as in the example code described below.

    <a href="mms://winstreamer.doit.wisc.edu/streamcompare/WindowsMedia.wmv">link text</a>

Web Accessible Audio: Download

Suggested Solution:

  1. Use the upload button in the manage files directory in your Learn@UW course. Browse to your wma, mp3, mov audio file and click the upload button.
  2. Insert a link to the file on the page from which you want to make the file available for download.

For more information about streaming media

Note about Windows Media

No meta file (asx file) is required if you wish to embed just a single video, although for embedding a sequence of videos, you will need to link to an asx file hosted on a remote http server (again, because the Mac Windows Media player cannot open files from an https server). Contact Peter Burke for more information.




Keywords: learn@uw learnuw d2l desire2learn audio video streaming embedded quicktime real windows media progressive download multimedia podcast movie recommendations Doc ID: 5096
Owner: Brook S.Group: Learn@UW Utility
Created: 2006-11-08Updated: 2009-11-04
Sites: Help Desk, Learn@UW Madison, Learn@UW Utility

Did this document help you to answer your question?