Widget Integration - LTI Setup

Overview

Annoto supports LTI which includes Single Sign on and basic LTI launch of page with video and Annoto widget. At the moment Supported video players for LTI are:

  1. VideoJS - it can work cross platform and support many video formats.

  2. Klatura - can be used with your partner id and player of your choice from the KMC studio.

  3. YouTube

  4. Vimeo

For Moodle, the LTI can be setup as Activity module, external tool plugin.

Below are guidelines of how to setup the plugin by the Moodle administrator and how it can be used by authorized personnel (for example Teachers) in the courses.

Annoto Plugin setup

Annoto plugin should be setup once per player type, and then it can be easily used for different activities:

  1. Login as Administrator

  2. Enter: Site administration -> Plugins -> Activity modules -> External Tools -> Manage Tools.

  1. In the Add tool box, click on the “configure a tool manually.” link below the “Add button”.

configure tool manually.jpg
  1. Fill in Annoto plugin details:

    1. Tool name: AnnotoVideoPlayer

    2. Tool base URL/cartridge URL: https://auth.annoto.net/lti/video/launch

    3. Tool description: Annoto allows users to Q&A on specific moments in the video, mark keynotes and engage in discussion turning passive video watching into social and collaborative experience.

    4. Consumer key: eyJhbGciOiJIUzI1NiJ…..

    5. Shared secret: ••••••••••••••••••••• (Please keep the secrete private)

    6. Custom parameters:

      1. Configure one of the player types:

        1. player_type=videojs

        2. player_type=kaltura

        3. player_type=youtube

        4. player_type=vimeo

      2. Optional

        1. enable_tabs=true

This will add tabs [Social/Personal notes] to the widget

      1. Kaltura Specific:

        1. kpartner_id=xyz (your Kaltura partner ID)

        2. kplayer_id=xyz (your Kaltura player id of choice)

    1. Tool configuration usage: Show in activity chooser and as preconfigured tool

    2. Default launch container: New window (Embedded is supported as well but does not allow full screen video)

    3. Icon URL: https://assets.annoto.net/images/logo_icon.png

    4. Secure icon URL: https://assets.annoto.net/images/logo_icon.png

    5. Privacy:

      1. Share launcher's name with tool: Always

      2. Share launcher's email with tool: Always

      3. Accept grades from the tool: Never

      4. Force SSL: Enable (v)

Plugin Configuration.jpg
  • Press on “Show more” at the bottom of “Tool Settings” to configure the tool icons:

Plugin configuration icons.jpg
  1. Click on “Save changes”. And the Annoto Tool should appear in the Tools list:

Configured Tool.jpg
  1. Proceed to “Annoto Plugin Usage” below.

  • The instructions above are for Moodle 3.4, different versions might have the menus in other locations.

  • If you use multiple player types in your system, please repeat steps 1-5 above for each player type you use (YouTube/Kaltura/VideoJS/…). Give each tool an appropriate name such as “AnnotoYouTubePlayer” or ”AnnotoVideoJSPlayer”, etc.

Annoto Plugin Usage

After the Plugin is setup, it can be used across Moodle as an activity. The only mandatory configuration for the activity when it’s used is setting the source of the video as demonstrated below.

  1. Login as authorized user with course editing permissions.

  2. Click on “+ Add an activity or resource” on the desired page.

  3. Select “AnnotoVideoPlayer” from the list and click “Add”:

Add activity.jpg
  1. Name the Tool and press on the “Show more…” link:

Addom the tool.jpg
  1. Configure the video source for the activity by scrolling to the Custom parameters and specifying: video_src

    1. For YouTube specify the VideoID:

    1. For Vimeo specify the VideoID (Same as YouTube):

    1. For VideoJS specify the video source url:

avtivity video source.jpg
  1. Optionally, Configure Activity description which will be shown on the video page under the video.

  2. Save the activity.

  • The video source must be publically available from the https://auth.annoto.net domain.

  • Note, there is no need for quotes “ ” when specifying the custom video_src parameter.

launch example.jpg

Support

If you need any additional information or have any questions, please contact us at Annoto Support

Last but not least

To learn how to add the Annoto Dashboard to your Moodle, go to our Dashboard Integration page.

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