Using Engage Video

Students/Faculty > Video > Using Engage Video

Students and faculty often wish to include video content in their coursework. Engage Video is a product that is integrated with the Engage Learning Management System to allow students and faculty to upload and display videos in any course location where a text editor is present.

Additionally, Engage Video can be accessed via an External Tool in Engage. Each External Tool acts as a gateway that allows any user to create new videos or video playlists, manage and share their videos with others, and view a channel that contains videos added by students and faculty of the current Engage course.

This document illustrates how students and faculty can upload and share videos using either the text editor of Engage or the External Tool for Engage Video.

This document contains the following sections:

Uploading a Video using the Engage File Picker

This section demonstrates how students and faculty can upload videos to Engage Video from any location in a course that includes a text editor.

  1. In this example, an instructor will add a video to a forum post.

    Click the Media button found in the text editor.

    Media button in the Atto text editor toolbar, which is present in the Message field when a new forum post is authored.
  2. Click the Browse Repositories button located in the Insert Media window.

    Browse Repositories button highlighted in the Insert Media window
  3. The File Picker window opens. Different sources of files are listed in the left column of this window.

    Note that the Engage Video selection allows you to choose any video that you have already uploaded to Engage Video.

    Engage Video repository is highlighted in the left column of the File Picker, and two existing videos are listed.
  4. If you need to upload a new video, click Engage Video Upload in the left column.

    Then, click the Choose File button and select the file from its location on your device.

    Engage Video Upload repository is highlighted in the left column of the File Picker, and the Choose File button is highlighted in the right column.
  5. After selecting the file from your device, enter a Title for the video and click Upload This File.

    A video named Sam West Introduction.mp4 has been selected, and the user has given it a Title of Sam West Introduction, and the Description of Me and Chipper has been added.
  6. The File Picker window closes, and the Insert Media window is updated with the URL and title of your video.

    Click Insert Media.

    Insert Media button highlighted in the Insert Media window.
  7. The Insert Media window closes, and the title of your video appears where the video will be displayed.

    Note that the video may not yet display at this time, but it is safe to proceed by saving the post. The video will display to users of the forum after the video has been processed by Engage Video.

    Title of the video appears in the Message field of the forum post that the user is authoring.
  8. Click the Post to Forum button at the bottom of the page to save your post and display it to others.

    Post to Forum button
  9. The post is visible in the forum, and the video displays.

    The video the user uploaded displays underneath the text they typed in their forum post

Accessing Engage Video using an External Tool

This section demonstrates how students and faculty can navigate into a robust user interface for Engage Video via an External Tool in Engage. When added to a course as an External Tool, Engage Video can be used by students and faculty to create new videos or video playlists, manage and share their videos with others, and view a channel that contains videos added by the students and faculty of the current course.

  1. The name of the External Tool can vary. In this example, it is named "Sample Engage Video Channel," and it is located in the first topic (Introduction) of the course page.

    Click the name of the External Tool to access the Engage Video user interface.

    External Tool named Sample Engage Video Channel is listed on the course page
  2. The user interface displays a channel that is named after the External Tool. A channel is a folder that can contain multiple videos and is visible to all students and faculty of the Engage course containing the External Tool.

    The navigation toolbar at the top of the user interface contains several features, the details of which are described in subsequent sections of this document:

    1. Course Name: Shows the name of the course in Engage the user accessed.

    2. Channel: Shows the name of the Engage Video channel that the user accessed.

    3. Upload: Allows the user to upload a video from their device.

    4. Record: Allows the user to create a webcam recording.

    5. My Videos: Shows all videos that the user has uploaded.

    6. Create Playlist: Allows the user to generate embed code for a playlist consisting of multiple videos.

    7. Control Panel: Shows all videos that the user has uploaded.

    8. Logout: Logs user out of Engage Video and returns them to the course.

    9. Help: Links to this support document.

    Engage Video user interface, with callouts for Course Name, Channel, Upload, Record, My Videos, Create Playlists, Control Panel, Logout, and the Help options labeled

Uploading a Video

This section demonstrates how to upload a video from your device to Engage Video, where it is saved to a My Videos page that only you can see.

  1. Click Upload.

    Upload link highlighted in the top toolbar in the Engage Video user interface
  2. Click the Choose File button and select a file from your device.

    Choose File button highlighted on the Create New Video page
  3. After selecting a video from your device, an upload progress bar displays.

    Once the upload progress bar has filled, enter a Title for your video and click Save.

    Note that providing keywords and a description for the video are optional.

    After the upload progress bar completes, the user has specified a Title and Description for the video.
  4. A "Video is processing" message appears. You can wait until the processing completes, or you can safely reload the page or navigate elsewhere while Engage Video processes your video.

    Video is processing message
  5. Once Engage Video has completed its processing, your video will display.

    You can access this video at any time by clicking the My Videos link under your name in the navigation menu.

    Video has completed uploading and displays
  6. By default, only you can see a video that you have uploaded. If you wish to share a video with other people, you can achieve this by:

Recording a Webcam Video

This section demonstrates how to record a webcam video using Engage Video, where it is saved to a My Videos page that only you can see.

  1. Click Record.

    Record link highlighted in the top toolbar in the Engage Video user interface
  2. Note: At this point, you may be prompted to grant permission to Engage Video so that it can access your webcam and microphone. Depending on your browser, you may need to select a desired webcam and microphone and allow access to those devices before proceeding.

    Firefox, Chrome, and Edge dialogs asking for permission to share webcam and microphone, with the Allow button highlighted in each dialog
  3. Click the Record button when you are ready to begin recording.

    Record button highlighted
  4. Your webcam footage displays on screen, and recording begins.

    When you wish to end the recording, click the Stop button.

    Stop button highlighted underneath the webcam recording
  5. After you have clicked the Stop button, you can preview your video using the playback controls that appear.

    You can delete your video and start over to create a new webcam recording by clicking Delete and Start Over.

    If you are satisfied with the webcam recording you have created, click Keep and Upload.

    Keep and upload highlighted next to Delete and start over button underneath webcam recording
  6. An upload progress bar displays underneath the video. Wait until it fills.

    Progress bar appears underneath the video
  7. Once the upload progress bar has filled, enter a Title for your video and click Save.

    Note that providing keywords and a description for the video are optional.

    User has entered a name for the video
  8. A "Video is processing" message appears. You can wait until the processing completes, or you can safely reload the page or navigate elsewhere while Engage Video processes your video.

    Video is processing message is highlighted for the video being processed
  9. Once Engage Video has completed its processing, your video will display.

    You can access this video at any time by clicking the My Videos link under your name in the navigation menu.

    Video has completed uploading and displays
  10. By default, only you can see a video that you have uploaded. If you wish to share a video with other people, you can achieve this by:

Creating a Playlist

This section demonstrates how to generate embed code for playlists that consist of multiple videos. This embed code can be pasted into any system that allows its users to edit the HTML of the page, including Engage.

  1. Click the dropdown menu that appears next to your name and click Create Playlist.

    Dropdown menu for the user's name is expanded in the Engage Video toolbar, and Create Playlist selection is highlighted.
  2. Select a playlist style and click the Next button.

    1. Dynamic: The orientation of the videos in the playlist will change depending on the user's device. If the user's device has a large resolution, the playlist will use the vertical styling. If the user has a mobile device, the playlist will use the horizontal styling.

    2. Vertical: The videos in the playlist will always be ordered in a vertical line located to the right of the current video.

    3. Horizontal: The videos in the playlist will always be ordered in a horizontal line located under the current video.

    Three radio buttons are available: Dynamic playlist, Vertical playlist, Horizontal playlist. Dynamic is selected by default.
  3. Select the videos that you want to be in the playlist by clicking their titles from the right side of the page.

    You can reorder the videos in the playlist by clicking and dragging their move icons on the left side of the page.

    When you are satisfied with the order of the playlist, click Next.

    Two videos have been selected from the right side of the page and are listed on the left side of the page, and the next button is highlighted.
  4. Your playlist appears. You can preview its functionality by using the playback controls for the current video and by selecting other videos in the playlist.

    To acquire the embed code for this playlist, click the View Code button.

    Playlist consisting of two videos appears.  View Code button is highlighted.
  5. Click the Copy Code button in the Playlist Code window that appears. Close the window.

    Note that Engage Video will not permanently save this generated embed code in its user interface. If you wish to keep it, paste it in a secure storage location. Otherwise, if you ever need to acquire this particular playlist embed code, you can generate it again by repeating the steps of this document.

    HTML embed code appears in a text field and is selected.  Copy Code and Close buttons are located below the text field, the Copy Code button is highlighted.
  6. You can paste the playlist embed code into any page that allows you to edit its HTML source code.

    For example, the image below illustrates a page in an Engage course in which the instructor pasted the embed code of the Engage Video playlist.

    Page in an Engage course displays the embedded playlist.

Accessing My Videos

This section demonstrates how to navigate the My Videos page of Engage Video, which contains all videos that you have either uploaded or recorded using Engage Video.

  1. Click My Videos in the navigation to display all videos you have uploaded or recorded.

    You can view more information about a particular video by clicking its title.

    My Videos, found under the dropdown menu next to the usrs name of the Engage Video user interface displays the videos that have been uploaded by the currently logged in user.
  2. Clicking the title loads a page that displays more detailed information about the video:

    1. Add to this channel: Allows you to add the video to the channel that you accessed. The name of the channel is visible in the navigation.

    2. Add to other channel: Allows you to add the video to any other channel to which you have access. Upon clicking this button, the names of all channels will be listed in a dropdown menu, and you can choose the desired channel.

    3. Embed Code: Opens a window that allows you to copy the HTML embed code for this video.

    4. Share: Opens a window that allows you to copy a link to the video that can be shared with others.

    5. Edit: Allows the title, keywords, and description of the video to be updated.

    6. Delete: Permanently deletes this video.

    7. Statistics: The first number represents the number of times this Engage Video page has been visited. The second number represents the number of unique users who have visited this Engage Video page. The third number represents the number of times the play button has been clicked on this video.

    All listed options are organized in a row beneath the selected video

Adding a Video to a Channel

This section demonstrates how to add a video from your My Videos area to a channel where other people can see it. A channel is just a folder that other students and faculty can see.

  1. Click My Videos in the navigation to see all videos that you have uploaded or created.

    Then, navigate to a particular video by clicking its title.

    Name of selected video is highlighted.
  2. From here, choose between one of two buttons related to channels.

    Most students and faculty will wish to click the Add to this channel button, highlighted in the image below and the subsequent steps of this document. This button facilitates a workflow in which the user submits a video to the channel indicated by the navigation, which is associated with the External Tool in the course that the user clicked in order to open Engage Video.

    Note that clicking the Add to other channel button facilitates a workflow in which the user can submit a video to another channel associated with a different external tool, potentially one in a different Engage course.

    Options for the video is presented, with the add to this channel option highlighted.
  3. A confirmation prompt appears. Click OK to add the video the channel.

    Confirmation box appears asking if the user is sure they want to share this video in the channel, with the OK button highlighted.
  4. The page reloads and confirms that the video has been submitted to the channel.

    Note that, if the channel has been configured to require moderation by an instructor, then the video will not appear in the channel until the instructor has approved it.

    A message appears the the video has been submitted to the channel.
  5. The below image illustrates the appearance of the video in the channel, which is accessed by clicking the channel link in the navigation of Engage Video.

    The channel appears with the recently submitted video appearing.

Embedding a Video

This section demonstrates how to generate embed code for a video in your My Videos area. Embed code can be copied and pasted into any website that allows you to edit its HTML. This provides another means by which you can show a video to others.

  1. Click My Videos in the navigation to see all videos that you have uploaded or created.

    Then, navigate to a particular video by clicking its title.

    A video is highlighted for in the My Videos page.
  2. Click Embed Code.

    zz
  3. Copy the embed code that appears in a window by either manually copying it to the clipboard of your device or by clicking the Copy Embed Code button.

    The embed code button is appearing highlighted.
  4. The embed code can now be pasted into any website that allows you to edit its HTML.

    This example demonstrates how to paste embed code into a forum post in Engage. Below, the user has navigated to a forum.

    The embed code window is shown, with html codes displaying.
  5. Continuing the example, the user clicks Add a new discussion topic to begin a new thread in the forum.

    A link for a selected Discussion Forum is displayed.
  6. After authoring some content in the Message field, the user wishes to embed their video. To do this, click Show/hide advanced buttons in the text editor's toolbar.

    The Show/hide advanced buttons is highlighted on the text editors toolbar.
  7. Next, click the HTML button.

    The HTML button is shown highlighted on the Toolbar.
  8. Paste the embed code from the clipboard of your device into the desired location of the text editor.

    The pasted HTML code is appearing in the text editor.
  9. Click Post to forum.

    The Post to forum button is being displayed.
  10. The video is now embedded into the forum post content, and all visitors to the forum can see it.

    The video submission for the forum is being displayed.

Sharing a URL to a Video

This section demonstrates how to create a URL (or link) to a video that you can copy and paste in a variety of locations. Anyone who clicks the link will open the video in a dedicated page in their browser. This provides another means by which you can show a video to others. Note that anyone who possesses the link to the video can view it.

  1. Click My Videos in the navigation to see all videos that you have uploaded or created.

    Then, navigate to a particular video by clicking its title.

    A video title that is highlighted is being displayed, from the User's My Videos section.'
  2. Click Share.

    The Share button is being displayed.
  3. Copy the link that appears in a window by either manually copying it to the clipboard of your device or by clicking the Copy URL button.

    A full URL link is being displayed in the share URL box being displayed, with copy url and close buttons displayed at the bottom.
  4. The link can now be pasted into any website.

    This example demonstrates how to paste a link into a forum post in Engage. Below, the user has navigated to a forum.

    A discussion forum link in the course is shown highlighted.
  5. Continuing the example, the user clicks Add a new discussion topic to begin a new thread in the forum.

    The Ad a new discussion button is shown highlighted for the selected forum.
  6. After authoring some content in the Message field, the user wishes to paste a link to their video. To do this, paste the link from the clipboard of your device into the desired location of the text editor.

    The text editor for the forum is being displayed, with the the paste a link option open with the pasted url of the video filled in. An arrow is pointing to the create link button.
  7. Click Post to forum.

    The users submission text is being displayed which includes the video URL link, and the Post to forum button is shown highlighted.
  8. The video is now linked by the forum post content, and all visitors to the forum can see it.

    The forum posting is appearing for the submission, with the click here link highlighted to view the video submission.
  9. Clicking the link to the video opens a page that includes the video and can be played in the browser. Note that anyone who possesses this link to the video can view it.

    The submitted video is being displayed.

Moderating a Channel

By default, each Engage Video channel is configured to require moderation of submissions. This means that any video that any user attempts to add to a channel must first be approved by an instructor before the video becomes visible to visitors of the channel. This section illustrates how faculty approve video submissions to a channel.

  1. Click the name of the External Tool to access the Engage Video user interface.

    The channel page appears.

    The link to the Sample Engage Video Channel in the course is shown highlighted.
  2. Click the Review submission(s) link under the heading for the channel.

    The Channel name is displayed, with an option to review 1 submission shown highlighted.
  3. The Review Submissions page lists all videos that students and faculty have added to the channel, but are not yet visible to visitors of the channel because they require moderation.

    From this page, an instructor can click the Approve button for any submitted videos that they wish to become visible to all visitors of the channel.

    The review submissions page is being displayed, with the approve button highlighted.
  4. After clicking the Approve button, navigate back to the channel page using the navigation. The video now appears to all visitors of the channel.

    The video channel is being displayed, with the approved video submission appearing.