Using embedded video component to trigger animation

[wonderful_Marvel5659]

I am trying to make it so on my stage, I dragged in a video component, set the path to a video using the component parameters, and when the video is at say 10 seconds, one layer isn't visible and another one is. Then at say 24 seconds into the video, that layer isn't visible and another one is etc. I couldn't find a good answer to how to use JavaScript to have this functionality so if anyone has some pointers that would be great! I have tried createjs.Ticker but that doesn't seem to like me and I always get console errors.

At the moment I have an array with all my cue points and which layer it makes visible (they're all hidden initially). All my attempts so far have resulted in nothing happening at all.

I see a lot of responses like, you can do it manually (as in using Adobe Animate's frames), but I need the animations to be triggered when the actual video is at a certain point. 

Thanks!

[kglad]

html5 or as3?

[wonderful_Marvel5659]

HTML5!

[kglad]

when currentTime is 10, 24 etc, do what you want:

var videoPlayer;

checkInitF();

function checkInitF() {

if (videoPlayer) {

videoPlayer.ontimeupdate = function() {

f();

}

} else {

videoPlayer = $("#videoPlayer")[0];  // videoPlayer is component instance name

setTimeout(checkInitF, 100);

}

}

function f(){

// videoPlayer.currentTime -  do whatever

}

[wonderful_Marvel5659]

Thank you so much for your answer, I didn't consider using jQuery and now I've tried that, it's working great, thank you!

[kglad]

you're welcome.

p.s. any time you add a component in animate html5, you add jqiuery support.