This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 22867 - sync svg with video
Summary: sync svg with video
Status: NEW
Alias: None
Product: FXTF
Classification: Unclassified
Component: Web Animations (show other bugs)
Version: unspecified
Hardware: All All
: P2 normal
Target Milestone: ---
Assignee: FXTF Web Animation bugs
QA Contact:
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-08-03 06:59 UTC by j.chetwynd
Modified: 2013-08-27 09:17 UTC (History)
2 users (show)

See Also:


Attachments

Description j.chetwynd 2013-08-03 06:59:10 UTC
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.
Comment 1 Brian Birtles 2013-08-04 23:31:07 UTC
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.
Comment 2 Brian Birtles 2013-08-04 23:32:28 UTC
(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
Comment 3 Cyril Concolato 2013-08-27 09:17:01 UTC
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/