EchoVideo supports integration with Microsoft Teams to allow Teams users to link into EchoVideo sections and classes, and provide one-click access to each users' EchoVideo Media Library.
Be advised that it is up to the Microsoft Teams Administrator to determine what users and roles should or should not have access to the EchoVideo app and from where. The procedures on this page assume access for all users and does NOT address user access policies in any way. Refer to your Microsoft documentation or support representative if you need assistance.
The high-level steps for configuring MS Teams to work seamlessly with EchoVideo include:
- VideoDownload the MS Teams Manifest Template from EchoVideo, and EXTRACT the files from the downloaded .zip into a separate folder.
- Create an LMS Configuration in EchoVideo for Teams, to hold the values for authentication between EchoVideo and Microsoft.
- Create and register the EchoVideo App in Microsoft Azure. This creates the values necessary for authentication between Echo and Microsoft. Copy the generated values into EchoVideo.
- Edit the EchoVideo Manifest to add the App values from Azure.
- Upload the edited EchoVideo App Package to MS Teams.
- Set up policies for the EchoVideo app, to include a Pinned app that will always be available in the left navigation that connects to a user's EchoVideo media library and an app for tabs in a Teams channel for linking to an EchoVideo course section.
- Finally, enter Teams as an Admin, create or enter an existing Team, add a new tab and select the EchoVideo App for that tab. This both verifies and completes the EchoVideo app configuration. While not strictly necessary, it allows you to execute the final verification steps instead of an instructor.
At this point, users should see an EchoVideo app on the left of their Teams interface, and when they add a tab to an existing Team channel, have the EchoVideo app available to select.
Download and Extract the Teams App Package
The Microsoft (MS) Teams Manifest for the EchoVideo app is available through the EchoVideo Downloads page, shown in the figure below.
Scroll down to find the Microsoft Teams App Package, and click Download.
The downloaded zip file includes a manifest.json file along with other items. After downloading the zip file, you MUST EXTRACT the contents into a separate folder. While you can open and view the enclosed files from the .zip archive, you cannot CHANGE them until they are extracted and saved elsewhere.
You will use the instructions later on this page to edit the manifest file and add the appropriate information from MS Azure.
After editing, you will re-zip the updated manifest file along with the other artifacts from the download. That updated zip file is uploaded into Azure to complete the EchoVideo app creation process.
Generate a Teams Configuration Block in EchoVideo
Communication and authentication between EchoVideo and MS Teams use the same type of configurations as EchoVideo does with LMS / VLE programs. So, the configuration block you create for Teams is done through the LMS Configurations page.
To create a Teams configuration block
- Log into EchoVideo as an administrator.
- Click the Settings icon in the upper-right corner of the screen.
- From the Settings menu, select Institution Settings.
General settings appears and Basic Info is selected by default.
- From the left panel, select Integration.
- Select LMS / VLE from the middle panel.
LTI 1.1 is selected by default.
- Click New Configuration.
- Select Teams from the drop-down list in the Create LMS Profile popup box, then click Save.
The new Teams profile appears below any existing LMS configurations you may already have. - Find the new Teams configuration profile in the Configurations list, and click the Teams tab of the configuration, as shown in the figure below.
- Leave this browser tab open while you perform the next steps for creating a new App registration in MS Azure. The values you generate there will be used to populate the Teams configuration block shown above.
ALTERNATELY copy the values generated through the below procedures into a text editor, then return to EchoVideo and paste the values into the fields. This approach is particularly appropriate if the EchoVideo and Azure administrators are different people.
Create the EchoVideo App in Azure
All of the steps below are performed by an Azure administrator, and you are assumed to have the proper administrative privileges in Microsoft Azure. You must also be an institution-level Administrator in EchoVideo or work with one.
As is common throughout EchoVideo's integration documentation, the procedures below are provided as a GUIDE for the steps necessary in Microsoft Azure. Your interface may vary from what is shown here, and if you need assistance, please refer to the Microsoft documentation or your Microsoft support representative.
To create the EchoVideo App for Teams
- Log into Microsoft Azure as an administrator and use the search box to find App Registrations, as shown in the figure below.
- From the top of the App Registrations page, click New Registration.
- In the Register an application form, shown below, complete the entries as follows
- Enter a Name that identifies this as the EchoVideo app.
- Select the Supported account types option that applies to your Microsoft installation.
- In the Redirect URI field at the bottom of the form, enter the following using YOUR REGIONAL ECHOVideo URL (echo360.org, echo360.org.uk, echo360.ca, or echo360.net.au):
https://echo360.org/lti/msteams/oauth
- At the bottom of the form, click Register.
The page that appears is your registered app Overview page and contains nearly all of the information and values you will need to complete the application setup. Click Overview on the left to return to this page at any time.
- Click API Permissions on the left.
- In the API Permissions page, under Configured permissions, select Grant admin consent for {organization-name}, as identified in the figure below.
If you do not see this option, you do not have permission to perform this action. Consult with another Azure administrator for access or execution of this task.
- Confirm this change. When the API Permissions page reappears, the status for the User.Read permission should have changed and should appear as shown below.
- Click Certificates & secrets on the left.
- Click New client secret.
- In the popup that appears, provide a Description (purpose) for this client secret.
- Select an Expires option that coincides with your institution's security policies. If you select Custom, the maximum you can set is two years or 24 months (already a pre-selectable option).
NOTE: Microsoft no longer allows you to set a client secret with a "Never" expiration. This means you must create a new secret when (or before) this one expires and replace the value in your Teams configuration block in EchoVideo with the new one.
- When finished, click Add.
The page refreshes to show the newly created client secret, including the secret value at the bottom that you will copy and paste into EchoVideo.
NOTICE the instructions at the top of the page indicating that to use the secret, you MUST obtain the value BEFORE you navigate away from this page. This note is identified below. If you do not, you must delete the secret and generate a new one. - At the bottom of the page, hover over the Value field of the newly created secret and click on the Copy to clipboard icon that appears and is shown in the figure below.
-
Return to the EchoVideo browser or tab used in this page's first set of instructions and paste the copied secret value into the Secret field of the Teams configuration block, as shown below.
ALTERNATELY: If you are NOT also the EchoVideo administrator, or you do not have the EchoVideo Teams configuration page open at the moment, you can copy the Secret value from Azure and paste it into a text editor, along with the App ID and Tenant ID (from the next steps), and then add these values to EchoVideo later, or pass them onto the EchoVideo Administrator you are working with.
- Return to Azure and click Overview on the left.
- Hover over the App ID field, then click the Copy to clipboard icon, and paste the copied value into the Application ID field of the Teams configuration block in EchoVideo.
- Hover over the Tenant ID field, click the Copy to clipboard icon, and paste the copied value into EchoVideo.
- After the values for ALL THREE fields have been copied into the Teams Configuration in EchoVideo, click CREATE REGISTRATION, as shown below.
After you create the registration in EchoVideo, notice two toggles appear below the configuration values in the Teams tab, as shown in the figure below. These do not appear until the registration is completed. The toggles are defined below.
Instructor Access - This toggle keeps users from being auto-created in EchoVideo as instructors. More importantly, it will keep Students from getting the instructor role assigned to them, as this role-escalation can allow Students to see information about media they should not. It is turned OFF by default. See Teams Configuration Toggle for Instructor Pass-through for more information.
Email Mapping - This toggle is designed for use when the User Profile email in your Azure configuration does NOT match the User Principal Name (UPN) email. The UPN is the email address used to log into Teams. If this toggle is ON, the user is created in EchoVideo with their UPN email address as their EchoVideo email identifier. It is turned OFF by default.
The communication between your EchoVideo App in Azure and your EchoVideo tenant is now established. The NEXT step is to edit then upload the EchoVideo App Package into Teams. This is where you will work with the Manifest file you downloaded from EchoVideo (through the instructions at the top of this page).
Edit the EchoVideo Manifest File
If you have not yet, perform the steps at the top of this page for downloading the Microsoft Teams App Package from EchoVideo. Then EXTRACT the contents of the downloaded zip file to a new folder location.
The steps below edit the EchoVideo manifest.json file to contain the necessary values for adding the app to Teams.
IMPORTANT: When re-zipping the package files after editing, DO NOT select the folder to send to Archive; you must select the files, then send the files to the .zip archive. Selecting the folder to archive creates a folder level in the Zip file, which causes MS Teams to reject the upload. The zipped file for upload must not contain the folder; it can only contain the files.
To edit the EchoVideo manifest file
- First, be SURE you have extracted the downloaded Teams package zip file to a folder.
- In a text editor such as Notepad++ or Programmer's Notepad, or another program of your choice, open the manifest.json file extracted from the EchoVideo download package.
- In the top section of the file, find fields for "id", "packageName" and "webApplicationInfo", as highlighted in the below figure. These are the fields you will be editing.
- In Azure, on the Overview page for your registered app, hover over the Application ID and select the Copy to clipboard button.
- Return to the Manifest and replace the two instances of {application-id} with the copied App ID value. Leave the quotation marks around the value, replacing only the brackets and the text inside.
- In the packageName field, replace {institution} with a unique identifier for your institution. It may be as simple as the institution name or a short name.
For example, SUNY for "State University of New York" or UNSW for the "University of New South Wales" or Marshall for "Marshall University".
It should be reasonably short and must have NO spaces.
It must be "unique" to the degree that no two EchoVideo manifest-generated Apps in Azure can have the same packageName. - Check your work and ensure that this section of the Manifest file looks VERY MUCH like the below figure, where both id fields include the Application ID value, and the packageName identifies your institution.
- SAVE THIS EDITED FILE.
- Return to the folder on your computer containing the edited manifest and the other components from the originally extracted .zip file.
- REZIP all the items including the edited manifest.json file (do NOT include the unedited original!). BE SURE to select the FILES to send to the .zip archive and not the folder in which they reside. See the IMPORTANT note above these procedures. You may also want to give the new archive / zip file a name that you recognize as containing the EDITED version of the manifest file.
The manifest file now contains all the information needed to be added to Teams. Uploading the edited and zipped package will add the EchoVideo app to your Teams installation. The section below completes this process.
Adding the EchoVideo App Package to MS Teams
Once you have an updated and re-zipped EchoVideo app package, the next step is to upload that package into MS Teams. This creates the EchoVideo app in Teams.
The steps below are performed in the Teams Admin console, available at https://admin.teams.microsoft.com. You must be a Teams Admin to perform these steps.
To add the EchoVideo App package to Teams
- Log into MS Teams as a Teams administrator.
- In the left navigation, expand Teams Apps and select Manage Apps. If your sidebar is collapsed, expand the "list button" at the top or hover over each icon to see the options available.
- Click Upload.
- In the box that appears, click Select File and navigate to the zip file containing the updated manifest.json from the above procedures.
- Once the file is uploaded, you will receive a success message in the panel. You can verify the app's existence by searching the Apps list for the app name, as shown below.
Now that the App is installed in Teams, you can set up your existing policies to have it appear for selection by whatever user groups you want to allow access.
Adding the EchoVideo App to a Policy
There are two places in a policy where you can add the EchoVideo app; as a pinned app, and as a tab app that can be selected when adding a tab in a channel.
The Pinned version of the app provides easy access to a user's EchoVideo Library. Any user clicking it will be placed into EchoVideo on their Library page, from where they can view and edit and create content for use.
The "Installed" app allows users to add a Tab to their Teams channels that use the EchoVideo app. This tab can then link to EchoVideo sections, either by mapping to an existing section or through the Simplified Provisioning feature which creates new EchoVideo course / sections on link-through.
Add either or both to any App Policy where you want it to apply.
WARNING: We advise you to add the EchoVideo tab app to App Policies so that only Instructors can ADD it to a Team Channel. Because this method of link-through gives the user the Instructor role in EchoVideo, you want to be sure it is NOT available to Students who may also be Teams Owners. See also Teams Configuration Toggle for Instructor pass-through for more information.
- In the Teams Admin console, select Setup policies under Teams Apps on the left.
- Select the app setup Policy you want to add the EchoVideo app to.
-
Install the EchoVideo app and / or Pin the EchoVideo app in this policy as is appropriate for your institution and access policies.
Remember:
The Pinned app appears in the left bar for all users and links to the user's EchoVideo media Library.
The Installed app makes it available as a tab within a Teams channel, and can link to an EchoVideo section and / or to classes within a section.
NOTE: You may receive an error when adding the Pinned app to a policy. This is due to issues with the Microsoft Cache. It can take anywhere from a few hours to 2-3 days to clear (from when you upload the EchoVideo package to Teams). If you encounter this error, wait and try again, or contact your Microsoft support representative.
- When finished, click Save (at the bottom of the Policy page.
- Repeat these steps for any other policies you want to add the EchoVideo app to.
Users can now access EchoVideo through teams using the EchoVideo App and its placements as you have configured for them through the Policies. See For Instructors: Using MS Teams with EchoVideo for selecting the app in its different locations, and for using the app in a Team for EchoVideo course access.