The Annotating Academic Video (AAV) project is a video annotation service that is suitable for research, teaching or learning. Architected as a stand-alone service, AAV can be integrated with most video players, video management systems, learning management systems, and lecture capture systems.
The AAV tool is composed of a javascript web application communicating with REST endpoints for persistence resources and a player adapter. This one is the interface between the javascript annotations tool and the used player. This architecture aims to make the tool integrable in any video system.
Any kind of web video player can be used with the annotations tool as long as it has its own player adapter and implements all the methods from the player adapter API. The annotations tool will communicate with the player through the player adapter.
This is the core of the tool. It retrieves the annotations from the backend and allows one to create/edit annotations and synchronise them back. It communicates with the player and gets all types of events from it. It facilitates the synchronisation between the playhead, the timeline and the annotations table. The tool communicates with the backend through Rest Endpoints to get the existing annotations and persists the new or modified one. Most of the files in this repository are part of the web app.
The tool is made to work with any kind of lecture capture system or video system. It requires the implementation of this API and the related Rest Endpoint. Jump to the part below about Existing system integration to see some examples.
All the dependancies below are related to the web application.
- MVC Framework: Backbone.js
- DOM manipulation library: JQuery
- Layout framework & widgets: Twitter Bootstrap 2.0
- Templates: Handlebars
- Timeline: CHAP Links Library
- Module Loader: RequireJS
- Dynamic stylesheet language: LESS
- Color-picker: Really Simple Color
- Polyfill:
Pädagogische Hochschule Zürich, PHZH|Digital Learning / E-Learning
These represent the original institutions that have started this project.
| Universtity | Institution/School/Research group |
|---|---|
| ETH Zurich (ETH) | ITS-Multimedia Services; LET – Lehrentwicklung und - technologie |
| SWITCH | NetServices |
| Universität Bern, UniBE | Supportstelle für ICT-gestützte Lehre der Universität Bern |
| Pädagogische Hochschule Zürich, PHZH | Digital Learning / E-Learning |
| Université de Lausanne - UniL | Faculté de Biologie et Médecine (FBM); Réseau interfacultaire enseignement et technologies (Riset); Service de communication et d'audiovisuel (Unicom) |
| Pädagogische Hochschule Thurgau, PHTG | eLearning |
| Université de Fribourg - Universität Freiburg, UniFr | Lehrerinnen- und Lehrerbildung LDS I und LDS II der Universität Freiburg |
Actually the tool has been integrated in two video lecture system:
- Opencast Matterhorn, implemented by Entwine
- Switchcast, implemented by Switch
All the documentation is present on the wiki.
A demo is available here. It works with localStorage and no real backend communication. Therefore all the functionalities related to rights management / authorisations are not working on this version.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent