Generally, a table of content present a textual index into the document content and offers shortcuts to directly access certain point of the story in the case of audiovisual documents. For the Tim Bernes-Lee talk, we want to offer a table of content that points out the important parts of the speech.
We first declare the needed data reader. The data is stored following a json format in the Tim.json file.
<div chm:component="jsonreader" id="data" chm:src="Tim.json" >
The video is displayed by the CHM media player provided the URI of the file.
<div chm:component="videoplayer" id="tm" chm:src="http://advene.org/video/TimBerners-Lee_2009.ogv" >
The table of Content is declared in a plain syntax as follows:
<div chm:component="toc" chm:src="data" chm:filter="type=='Parts'" chm:content="${content}" chm:timelineref="tm" title="Tim Story Parts" >