Screencast demonstrating a presentation viewer in HTML

This is a screencast of a presentation viewer written in HTML and Javascript. You can see here [on the top left corner] the area where the video will appear, here [on the top right corner] the slides that will accompany the video presentation, and there [on the bottom left corner] a table of contents. If I start the video here [clicking on the play control of the video], you can see the closed captions appearing below the video. And then I can navigate in the video and the presentation using the table of content. And you can see how the video and the slides get updated live, and I can even have side notes appearing on the side [bottom right corner] of the screen.