You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am making a karaoke-style subtitle and want to change the text color at playhead. :past and :future selectors only apply at text node boundaries, and the style changes word by word without animation.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
I am making a karaoke-style subtitle and want to change the text color at playhead.
:pastand:futureselectors only apply at text node boundaries, and the style changes word by word without animation.#424 indicates that CSS animations are unlikely to be supported for WebVTT, and
react-vttseems to be bypassing browser implementation (https://github.com/ChineseCubes/react-vtt/blob/a221ebf1fd81e306aa04f47028d26959ca7592ac/examples/demo/src/main.ls#L62, demo: http://dinamostandards.com).However, as this is a common enough requirement for karaokes and paint-on captions, I wonder if there is any trivial workaround I am overlooking.
Beta Was this translation helpful? Give feedback.
All reactions