![]() const textTrack = document.getElementById('sub') Ĭonst lyric = document. Pass the newly updated text of the cue to the animateLyrics function to change the textContent property of the element you want to animate. Then add it in your cuechange event handler. Now build your animateLyrics function by calling the buildAnimator function above with the element that you want to animate and the duration of the total animation, so that is fade in and fade out combined. function buildAnimator(element, duration) ms ease-in-out` Į('is-animating') ![]() Otherwise you would get overlapping transitions. Friday September 30 Station North Art Walk Station North Arts District 1711 N. The oncuechange attribute is part of the Event. This ensures that when you try to animate the text before the previous animation is finished it will first cancel the previous animation before starting the new one. Find even more things to do on our events calendar. The oncuechange attribute defines a script to run when the cue changes in a
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |