22867 2013-08-03 06:59:10 +0000 sync svg with video 2013-08-27 09:17:01 +0000 1 1 1 Unclassified FXTF Web Animations unspecified All All NEW P2 normal --- 1 jay web-anim-bugs bbirtles cyril.concolato oldest_to_newest 91568 0 jay 2013-08-03 06:59:10 +0000 It would be helpful to be able to simply sync SVG with video content, in such a manner that the author and user had little difficulty, and could navigate the timeline with a single set of controls. in the meantime a shim would be great! use case: visualising data relating to video, where timing is explicit. maybe overlay or alongside getCurrentTime() is common to SVG and Video elements, though with rather different interpretations. 91628 1 bbirtles 2013-08-04 23:31:07 +0000 This is covered by the Web Animations work which is where SVG-related animation features are now being developed. Media integration was previously included but has been deferred from version 1. Some people are interested in pursuing it as a separate spec. 91629 2 bbirtles 2013-08-04 23:32:28 +0000 (In reply to comment #0) > in the meantime a shim would be great! The Web Animations polyfill used to include this but it may have been removed at this stage. If so it will likely re-appear in the future in some form. https://github.com/web-animations/web-animations-js 92630 3 cyril.concolato 2013-08-27 09:17:01 +0000 Jonathan, I fully agree with you and your use cases. I see two ways to specify it: - allowing SVG content to be put in an HTML 5 track element and let the browser handle the synchronization and overlay, just like for subtitles - allowing the 'mediagroup' attribute on <svg> elements as discussed here (http://www.w3.org/2012/07/23-svg-minutes.html) I'm glad you also agree on the getCurrentTime issue. You might want to see what's been said in this email thread: http://lists.w3.org/Archives/Public/www-svg/2013Jun/0068.html Also, if you want to do random access in both video and SVG, you might need to author your content specifically. I'm writing a spec related to that: http://dev.w3.org/SVG/modules/streaming/ (comments are welcome). As for shims, you might be interested in checking these tests: http://concolato.wp.mines-telecom.fr/2012/06/18/html-5-video-and-svg-graphics-synchronization/ http://concolato.wp.mines-telecom.fr/2013/07/12/playing-svg-content-in-html-5-track-elements/