Synchronizing Web Documents with Style

In this paper we report on our efforts to define a set of document extensions to Cascading Style Sheets (CSS) that allow for structured timing and synchronization of elements within a Web page. Our work considers the scenario in which the temporal structure can be decoupled from the content of the Web page in a similar way that CSS does with the layout, colors and fonts. Based on the SMIL (Synchronized Multimedia Integration Language) temporal model we propose CSS document extensions and discuss the design and implementation of a proof of concept that realizes our contributions. As HTML5 seems to move away from technologies like Flash and XML (eXtensible Markup Language), we believe our approach provides a flexible declarative solution to specify rich media experiences that is more aligned with current Web practices.

[1]  Simon J. Thompson,et al.  Behavioral reactivity and real time programming in XML: functional programming meets SMIL animation , 2004, DocEng '04.

[2]  Bo Gao,et al.  Beyond the playlist: seamless playback of structured video clips , 2010, IEEE Transactions on Consumer Electronics.

[3]  Débora C. Muchaluat-Saade,et al.  Automating the analysis of NCL documents with a model-driven approach , 2013, WebMedia.

[4]  André Santanchè,et al.  Componere: component-based in web authoring , 2009, WebMedia.

[5]  Maria da Graça Campos Pimentel,et al.  Multimedia multi-device educational presentations preserved as interactive multi-video objects , 2013, WebMedia.

[6]  Dick C. A. Bulterman,et al.  SMIL 3.0: Interactive Multimedia for the Web, Mobile Devices and Daisy Talking Books , 2008 .

[7]  Sandra M. Aluísio,et al.  An architecture for multidimensional computer adaptive test with educational purposes , 2012, WebMedia.

[8]  César A. C. Teixeira,et al.  WebNCL: a web-based presentation machine for multimedia documents , 2012, WebMedia.

[9]  Celso A. S. Santos,et al.  StoryToCode: a model based on components for specifying interactive digital TV convergent applications , 2009, WebMedia.

[10]  Peter H. N. de With,et al.  Automatic mashup generation from multiple-camera concert recordings , 2010, ACM Multimedia.

[11]  Vincent Quint,et al.  Timesheets.js: when SMIL meets HTML5 and CSS3 , 2011, DocEng '11.

[12]  Jorge L. V. Barbosa,et al.  A proposal for managing multiple trails in educational environments , 2012, WebMedia.

[13]  Roberto Gerson de Albuquerque Azevedo,et al.  An approach for textual authoring of hypermedia documents based on the use of programmatic visualization and hypertextual navigation , 2009, WebMedia.

[14]  Márcio Ferreira Moreno,et al.  Ginga-NCL: Declarative middleware for multimedia IPTV services , 2010, IEEE Communications Magazine.

[15]  Pablo César,et al.  Just-in-time personalized video presentations , 2012, DocEng '12.