Widget Integration (xBlock)
This document shows how to add Annoto OpenEdx to your OpenEdx enviroment.
sudo -sHu edxapp
source ~/edxapp_env
pip install -e "git+https://github.com/Annoto/xblock-in-video-collaboration.git#egg=xblock_annoto"
You can enable the Annoto xblock in studio through the advanced settings, as you can see in this video, or in the following instructions:
- 1.From the main page of a specific course, click Settings->Advanced Settings in the top menu.
- 2.Check for the Advanced Module List policy key, and add "annoto" in the policy value list.
[
...
"annoto",
...
]
As seen in the image below:

3. In “LTI Passports “, Add value "annoto-auth:<annoto_client_id>:<annoto_client_secret>" to LTI Passports list, fill in “annoto-auth:” and then ClientID and Secret, separated by punctuation.
These ClientID and shared secret are provided by Annoto, If you do not have this information, please contact us at: [email protected]
[
...
"annoto-auth:<annoto_client_id>:<annoto_client_secret>",
...
]
For example:
[
"annoto-auth:eyJhbGciOiJIUzI1NiJ9.Mjc0NGJhODEtMWQ2OC00YWJkLTg4MGQtODc2MzM1MWRkYTg5.o_OLJJwbkvUhYumiFWf6TQXSvShVZRuzi2UbijAPMkc:72d6299b5a0d66106f824594a7943303540b15b8b859596d7af2a3ab4f89140a"
]
As seen in the image below:

4. Click on the Save changes button.
Once the Annoto Module was added to the Course, it should be added to the course unit, using the following steps:
1. On the Course Outline page, open the unit in which you want to add Annoto:

2. In the course unit, add the video block.

3. Under Add New Component, click Advanced, and then select Annoto.


4. Click Edit and then change Annoto settings as you prefer:

In order to learn more about all the wonderful things you can do with Annoto, visit the Annoto Widget Guide page.