1. Adding Audio Files
  2. Adding Image Files
    1. Adding an Image File with Drag and Drop
    2. Adding an Image File Using a Label
  3. Adding Video Files
  4. Embedding Other Content With iframes
    1. Adding an iframe

Adding media, such as audio files, images, or videos (YouTube) to your cuLearn courses can help make the content more engaging for students. Media can also be used to introduce a new topic or to review concepts covered in class. If you would like to add media that is not included in the list below, please contact the EDC for assistance.

Adding Audio Files

There are two ways to add an audio file in cuLearn:

  • Linking to an online sound file outside of cuLearn:  If your audio file is hosted elsewhere online, you can add a link to the relevant webpage by following the procedure explained on the Add a URL support page.
  • Using the Media icon:  To add an mp3 file to your course page, following the instructions for adding an audio file below.

To Add an Audio File: 

  1. Log in to cuLearn using your MyCarletonOne credentials.
  2. Click on your course link.
  3. Add a Label to your course.
  4. Click the Audio/Video file icon (See Image Below).                                            
  5. Select Browse repositories…to search for your mp3 file
  6. The file picker will appear
  7. Click Browse to locate your file
  8. When you’ve selected your file, click Open.
  9. Click Upload this file
  10. Click Insert media
  11. You will now only see a blue text link of your mp3 file.
  12. Click Save and return to course
NOTE: Your mp3 file will now appear as an mp3 player

Adding Image Files

There are two main ways to upload an Image to cuLearn:

  • Drag and Drop the image directly into the course section in which you’d like to display the image.
  • Use a Label to add an image to your course page.

Adding an Image File with Drag and Drop

  1. Find the Image you’d like to Drag and Drop to cuLearn.
  2. Drag and Drop the Image into the cuLearn section in which you’d like to display the image.
  3. You will be asked what you’d like to do with the Image file:  “Add image to course page” or “Create file resource”.
    • To add the Image file directly to your course page (and have it display as an image), select, Add image to course page.
    • To attach the Image file as a link to your image (students would have to click on the link in order for the Image to display), select, Create file resource.
NOTE: Your image will now be displayed on your main cuLearn course page.

Adding an Image File Using a Label

  1. Add a Label to cuLearn.
  2. Click the Image icon (See Image below).                                               
  3. Enter the Image URL (if it is from the Internet) or select the Browse repositories… button to search for your Image file
  4. The file picker will appear
  5. Click Browse to locate your file
  6. When you’ve selected your file, click Open.
  7. Click Upload this file
  8. You can adjust the size of your image when you return to the Image properties box, though we recommend you resize your image prior to uploading it to cuLearn.
  9. Click Save image.
NOTE: Your image will now be displayed on your main cuLearn course page.

Adding Video Files

Adding Video files to your course on cuLearn can increase student interest and reinforce ideas taught during lecture.  However, be aware that adding a number of Video files to your cuLearn course page can cause lengthy delays when students are attempting to load the course on their own computers (especially if their Internet connection is weak or if students are using a mobile device).

(especially if it is larger than 20MB), please speak with the EDC about the options available to you.

  • Linking to an online video file outside of cuLearn: The best option for adding Videos to cuLearn is to link to the video directly online whenever possible. If your video file is hosted elsewhere online, you can add a link to the relevant webpage by following the procedure explained on the Add a URL support page.
  • Embedding your own videos: If you have a video you’ve created yourself the best option is to upload it to Carleton Media server, MediaSapce (Kaltura). To do so, see How to access MediaSpace, Add New Media and Embed Media into cuLearn on the Capture support site.
  • Embedding YouTube videos: To embed a YouTube video, simply copy the YouTube video URL from the browser (Ex. https://www.youtube.com/watch?v=YY8rzz6VZO8) and enter the link anywhere you can enter text in text-box cuLearn (e.g. a Lable, on a page, in a topic heading, in an assignment description etc). The link will automatically be filtered to convert the link to an embedded video after you save your changes.
  • Embedding other internet vidoes: To embed other internet videos, copy the video URL or sharing URL, go to a text area where you would like to place the video, while editing that text area click on the insert video icon insert video icon, click on the video tab, enter the video URL in the “Source URL” box and click “Insert media”.
NOTE: When uploading Kaltura media, make sure your video is set to unlisted. If your video is set to private, students will not be able to access it. See Publish and Share Your Media for more information on changing your media settings.

Embedding Other Content With iframes

IFrame (Inline Frame) is piece of HTML code that creates a frame or window within an HTML page to display content from another URL.

In Moodle, it is a good way to display content such as:

  • calendars from external sites such as Google calendar, Microsoft Outlook web calendars, Apple Mobileme calendars etc.
  • web pages with current content: e.g. weather
  • content from sites that deliver content through iFrames such as Google Picasa web albums, youtube etc.

Adding an iframe

  1. Login to your cuLearn course page.
  2. Click Add a resource
  3. Click Page.

    NOTE that you can add video to any Activity or Resource where you can see the Atto editor (text editor).
  4. Add a Name for the Page.

    TIP: The name becomes the link students will click to watch the video.  Use a meaningful name that describe the content or purpose of the video.

  5. In text editor beside the Page content section, expand the full editor toolbar using the show more button (arrow icon)
  1. Click the HTML icon.
  2. Paste the embed code in the text editor.
  3. Click Save Changes.

Was this page helpful?

3 people found this useful