Timesheets.js

Abstract

In this paper, we explore different ways to publish multimedia documents on the web. We propose a solution that takes advantage of the new multimedia features of web standards, namely HTML5 and CSS3. While JavaScript is fine for handling timing, synchronization and user interaction in specific multimedia pages, we advocate a more generic, document-oriented alternative relying primarily on declarative standards: HTML5 and CSS3 complemented by SMIL Timesheets. This approach is made possible by a Timesheets scheduler that runs in the browser. Various applications based on this solution illustrate the paper, ranging from media annotations to web documentaries.

Hypervideos and Interactive Multimedia Presentations

“…Thereby, SMIL 2.0 is extended with "location information, tactile output, forms, telephoning, and scripting" [Pihkala and Vuorimaa 2006]. A generic, document-oriented way to publish multimedia documents on the Web using HTML5, CSS, and SMIL Timesheets is called Timesheets.js and presented by Cazenave et al [2011]. Combining different standards allows one to merge logical and temporal structures.…”

A System to Generate SignWriting for Video Tracks Enhancing Accessibility of Deaf People

“…This synchronization is achieved thanks to SMIL TimeSheets, which can orchestrate documents compound of HTML and SVG drawings, separating timing and synchronization of elements in the document from content and presentation [20].…”

“…HTML5 does not support including SVG code in the HTML track element, therefore SMIL Timesheets are used to synchronize vector drawing on web page with video stream. As SMIL is not natively supported by web browsers [20], the use of JavaScript is required to govern the document timing from SMIL data. Specifically the open-source JavaScript library timesheet.js is used to integrate SMIL and render SVG drawings synchronized with video stream, following the approach proposed by Cazenave et al [20].…”

“…As SMIL is not natively supported by web browsers [20], the use of JavaScript is required to govern the document timing from SMIL data. Specifically the open-source JavaScript library timesheet.js is used to integrate SMIL and render SVG drawings synchronized with video stream, following the approach proposed by Cazenave et al [20]. For translation of oral language subtitles to SignWriting, the databases used by SWMLSVG adapter shown in Fig.…”

A lightweight framework for authoring XML multimedia content on the web

“…It is also possible to introduce certain temporal behaviors within HTML5 pages thanks to the new CSS3 animation and transition modules.web However, HTML5 and CSS3 are not sufficient for all multimedia applications, but with the help of SMIL Timesheets [26], user interaction and complex synchronization schemes can be added to HTML5 pages. Some JavaScript implementations of SMIL Timesheets are already available [25,6,7], that allow any web browser to play synchronized multimedia content represented in standard, declarative web languages. Programming skills are no longer necessary, and the same authoring techniques used for HTML+CSS applications can be used to create this content.…”