Skip to content. | Skip to navigation

Informatik 5
Information Systems
Prof. Dr. M. Jarke
Personal tools
You are here: Home Theses Web-based Collaborative Video Drawing


Prof. Dr. M. Jarke
RWTH Aachen
Informatik 5
Ahornstr. 55
D-52056 Aachen
Tel +49/241/8021501
Fax +49/241/8022321

How to find us

Annual Reports





Web-based Collaborative Video Drawing

Thesis type
  • Bachelor
Student Denis Golovin
Status Finished
Submitted in 2014
Proposal on 16. Jul 2014 14:50
Proposal room Seminarraum I5
Add proposal to calendar vCal
Presentation on 28. Oct 2014 15:00
Presentation room Seminarraum I5
Add presentation to calendar vCal

Drawing on a Video in HTML5. No Fuzz.

In former work at our group we have created a number of video processing tools for HTML5 capable browsers that are backed by cloud services. Our current multimedia pipeline allows us to take videos in (mobile) browsers, upload them to the cloud, transcode them to a universal format and finally retrieve them in a Web application to annotate them with textual and spatial information based on the MPEG-7 metadata standard in a collaborative manner. What is currently missing is a tool that enables us to highlight certain parts in the video graphically or even draw simple sketches. This is highly required in mobile workplace settings at construction sites for first drafts and easier information exchange amongst coworkers.

Technically, an overlay could be put over a HTML5 video element to add basic SVG sketches over a video. The SVG vector format also has the advantage that its underlying XML structure can easily be leveraged for shared editing scenarios where multiple collaborators manipulate the same drawing at the same time.

Within the thesis, first a theoretical foundation has to be laid out how to enable shared editing of vector graphics in the both dimensions of space and time. The implementation then should be carried out within our widget based ROLE SDK with a particular focus on the DireWolf framework to allow leveraging distributed user interfaces for easier drawing on touchscreens.

The work is embedded in the context of the European Layers project where we are building mobile tools for supporting the construction and healthcare sectors with innovative mobile solutions for informal learning at the workplace. The thesis student may therefore expect to be able to evaluate his tool with real customers.



Good development skills in JavaScript, knowledge about shared editing frameworks.

Related projects

Document Actions