Chat with us, powered by LiveChat Skip to main content
Echo360 Status:

EchoVideo: Adding EchoVideo to Canvas as a Course Navigation App

Echo360
  • Updated

EchoVideo provides the following types of interoperability with Canvas;

Echo360 strongly recommends creating separate Apps in Canvas for each of the available features, because:

  • The XML you paste into Canvas can include only one course_navigation block. The course linking and the library both create "course navigation" placements for the tools. Keeping the tools separate avoids any issues surrounding this limitation.
  • You cannot edit or replace the XML for an existing app via the UI. This means that to update a combined tool for future improvements, or to delete a tool you no longer want, you need to delete the existing combined tool and re-add it. If the tools are separate, this can be done without affecting any other functionality.

While you can add the EchoVideo App at the Course level, we strongly recommend adding it at the Account level. Adding the app to the Account automatically makes it available for every course configured for the account. It can be removed from individual course navigation if necessary.

These procedures must be performed by a user who is both a Canvas and an EchoVideo Administrator. The first step is to log in to EchoVideo as an Admin and generate an XML file for the Canvas LMS configuration that identifies the EchoVideo app for course navigation.

To generate an XML cartridge that will create an app for course navigation to EchoVideo

  1. Log in to EchoVideo as an administrator.
  2. Click the Settings icon in the upper-right corner of the screen.

  3. From the Settings menu, select Institution Settings.

    General settings appears and Basic Info is selected by default.

  4. Click Integration.

  5. From the middle panel, select LMS / VLE.

    The LTI 1.1 tab is selected by default.

    Settings menu expanded and Institution Settings, Integration, LMS / VLE identified as described

  6. Find your existing Canvas LMS configuration.
    If you do not have one yet, click Add Configuration then select Canvas from the drop-down list, and click Save. See also Configuring EchoVideo with your LMS.
  7. Select the XML Config tab as shown in the below figure.
    Canvas XML Configuration with Course Navigation placement selected and Copy XML button identified as described

  8. Choose Course navigation as the placement type.

    Warning: The XML you paste into Canvas can have ONE and ONLY ONE "course_navigation" placement block. Course navigation and My EchoVideo library options both create "course_navigation" blocks in the XML.

  9. Click COPY XML.
    The XML cartridge text is copied to your clipboard.
  10. In a new tab or window, log in to Canvas as an administrator and follow the procedure below.
    Leave the EchoVideo tab / window open, as you will need to return to the LMS configuration page to copy the Key and Secret values from the LTI tab in Echo into Canvas.

To create an EchoVideo course navigation app in Canvas

  1. Log in to Canvas as an administrator.

  2. Click Admin from the navigation on the left, then select the main Account for your institution. In the figure below, the main account for Canvas is named EchoVideo.
    Canvas Admin options with Account link identified for steps as described

    Courses appear by default.

  3. Select Settings from the bottom of the list of links on the left.
  4. From the Settings page, shown in the figure below, click the Apps tab.
    Canvas Account Settings with the Apps tab selected and shown as described
  5. Click View App Configurations.
  6. From the External Apps page, click + App (the add app button), as shown in the figure below.
    External Apps page in Canvas with Add App button identified for steps as described
  7. In the Add App dialog box, select Paste XML from the Configuration Type drop-down list.
    Canvas Add App dialog box with Paste XML selected and available fields shown for steps as described
  8. Enter a Name for the App. You can name it anything you like, but the name should identify it as the External App tool for linking to EchoVideo sections.
  9. Click into the XML Configuration section of the dialog box and press Ctrl + V or Command + V to paste the copied XML from EchoVideo.
  10. Go back to the EchoVideo window and copy the Consumer Key value from EchoVideo, then paste it into the Consumer Key field in Canvas. Click the LTI tab for the Canvas configuration if necessary, as shown in the below figure.
    (Tip: Click the Copy button to quickly copy the value. However, you can also click into the field, type Ctrl + A / Command + A to select all, then Ctrl + C / Command + C to copy; use Ctrl + V / Command + V to paste into Canvas.)
  11. From the EchoVideo window, copy the Shared Secret value from EchoVideo and paste it into the Shared Secret field in Canvas. (See above Tip for copying.)
    Canvas LMS configuration in EchoVideo with LTI tab showing containing Consumer Key and Shared Secret fields for steps as described
  12. When finished, click Submit.

You should now see your EchoVideo course navigation app in your Canvas app configuration list. The EchoVideo app will also appear in the left navigation for all courses in the account. Whether you leave this link as is, or remove it in favor of using the Assignments page links in EchoVideo is up to you. But please review the information in Adding an EchoVideo Link to a Canvas Course and Linking LMS Courses to EchoVideo Sections.

If you click the Info button on the right side of the newly created EchoVideo app entry in the list and check Placements, the new app should show Course Navigation as the placement. 
EchoVideo app placement in Canvas showing Course Navigation as described

Related to