Re: [csswg-drafts] [web-animations-2][css-animations-2] Allow controlling video playback via an animation timeline (#11611)

> With `playback-timeline` I mean to “consume” a timeline, similar to `animation-timeline`. I guess it’s pretty confusing because `view-timeline` and `scroll-timeline` allow you to create a timeline.

Like you said, `playback-timeline` should be declaring a timeline for using it in animations, just like `view-timeline` and `scroll-timeline`. This is probably more consistent with our current syntax for SDA.

-----------------------

> Building this on top of an animation effect gets you all of these things implicitly. I think of it as that you are animating the video progress, which is similar to animating some internal css property that sets the video time.

Yes, agreed.

> The only part I'm uncertain of, which playback-timeline doesn't handle any better, is how to differentiate multiple videos on the same element - e.g. supposing we have support for video as a css image https://github.com/w3c/csswg-drafts/issues/6732 it would be nice to be able to associate the animation with a particular video.

I think that `video()` is the anonymous form which works fine with the current source of the element.
I guess if we'll need to consider a single element with multiple videos we'll need to either have some sort of a coordinated list, or we'll use a new property to define idents for each source.

But another thing that comes to mind, we need to think whether `video()` is the correct syntax for referring to the playback as an effect, or whether we'll want to use that for referring to a playback timeline? Kind of like `view()` and `scroll()`? Or maybe it could be both, depending on context?


-- 
GitHub Notification of comment by ydaniv
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11611#issuecomment-2675869055 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 22 February 2025 00:23:54 UTC