Show Advanced KnowledgeHide Advanced Knowledge

Interactive Video - visual markers

This is a feature request for the Plugin Interactive Video.

1 Initial Problem

It is not possbile to visually point out / mark  something on the video image in order to give context to a comment.

For example: users should be able to underline the part of an equation that they do not get / that is erroneous.

2 Conceptual Summary

It should be possible to place visual markers somewhere in / over the video image. The marker is then displayed during playback for the duration of the passage or (if no end of passage has been configured) for a default time of 3s.

List of markers:

• line
• arrow
• circle
• rectangle

Creation / Editing:

• The markers can be added through the comment creation function beneath the video.
• Step 1: new Checkbox "Add visual marker" is checked
• New controls appear:
  • colour selector
  • line strength selector
  • shape selector dropdown that inserts the form over the the video image
  • Add button for adding the shape
• Step 2: Add button is pressed
• new controls appear:
  • Resizing (+ / -) buttons
  • rotation buttons (rotate to left / right)
  • textual hint / label that states "positioning of the shape is done through drag and drop"
  • new button "Remove shape"
• Step 3: Save comment

There should also be a way for instructors to add visual markers and the "Manage screen" by introducing a new button "Add comment with marker" that leads to a comment screen with the video player at the top.

The current Edit Comment screen needs a link to the same screen as the button "Add comment with marker" but with prefilled forms.

3 User Interface Modifications

3.1 List of Affected Views

Changed Screens:

• Content - Show: new controls
• Comments and Questions - Manage: new button
• Comments and Questions - Edit Comment: Link

New Screen:

• Comments and Questions - Add Comment with Marker

3.2 User Interface Details

{For each of these views please list all user interface elements that should be modified, added or removed. Please provide the textual appearance of the UI elements and their interactive behaviour.}

3.3 New User Interface Concepts

{If the proposal introduces any completely new user interface elements, you might consult UI Kitchen Sink in order to find the necessary information to propose new UI-Concepts. Note that any maintainer might gladly assist you with this.}

4 Technical Information

{The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues.}

5 Contact

• Author of the Request: {Please add your name.}
• Maintainer: {Please add your name before applying for an initial workshop or a Jour Fixe meeting.}
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

6 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• …

7 Discussion

8 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.