Re: [csswg-drafts] [web-animations-2][css-animations-2] Allow controlling video playback via an animation timeline (#11611) from Bramus via GitHub on 2025-02-21 (public-css-archive@w3.org from February 2025)

From: Bramus via GitHub <sysbot+gh@w3.org>
Date: Fri, 21 Feb 2025 09:04:23 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-2673980463-1740128660-sysbot+gh@w3.org>

> So what I'm hearing is that we should have an easy way to make an effect that drives the video. I wonder if this would be something like
> 
> CSS:
> 
> video {
>   animation-name: video();
> }

Isn’t that inverted? I would imagine the code to look more like this:

```css
#elem {
  animation: anim 5s linear infinite;
  animation-timeline-name: --timeline-from-the-elem;
}

video {
  playback-timeline: --timeline-from-the-elem; /* Link my playback to the progress of the timeline of the animation */
}
```

I know, `animation-timeline-name` as a name for the property is a bit weird here. It should export a timeline that exposes the `overallProgress` of the animation.

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


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

Received on Friday, 21 February 2025 09:04:24 UTC