All 1 entries tagged Onlinelearning

View all 6 entries tagged Onlinelearning on Warwick Blogs | View entries tagged Onlinelearning at Technorati | There are no images tagged Onlinelearning on this blog

December 22, 2010

Design for an interactive video player

The idea works as follows:

The whole video is split into a series of chapters. A thumbnail is created for each chapter, and displayed on the storyboard at the bottom of the screen. The student may watch the entire sequence in order, or click on a thumbnail to jump to a chapter. When a chapter is playing, it's thumbnail is highlighted (in this case with a yellow border).

As a chapter plays, a timeline is displayed under the main video viewer, with a marker for each ten seconds. The student can jump to any ten second section by clicking on its marker in the timeline.

Each ten second section also has a series of comments associated with it. As the section plays, the comments are displayed in the panel on the right, along with a thumbnail of the person who made the comment. This should also contain a comment box and submit button.

In addition, it should be possible to associate alternative video with chapters and ten second sections. This could be used to show events from a different perspective.

This example uses some great videos created by Professor Carol Rutter and Jon Trenchard (actor) as part of the Unpinning Desdemona project.

Video player design