const ellottie = document.$("lottie"); const buttonplay = document.$("button.play"); const elposition = document.$("input.position"); const elframeno = document.$("output.frame-no"); const eltotalframes = document.$("output.total-frames"); document.on("file-activate", (e) => { ellottie.lottie.stop(); ellottie.lottie.load( e.data ); ellottie.lottie.play(); buttonplay.value = true; ellottie.timer(32, showLottieState); return true; }); function showLottieState() { elposition.value = ellottie.lottie.position; elframeno.value = ellottie.lottie.frame; eltotalframes.value = ellottie.lottie.frames; return ellottie.lottie.playing; } document.on("change", "button.play", (e,button) => { if( button.value ) { ellottie.lottie.play(); ellottie.timer(32, showLottieState); } else ellottie.lottie.stop(); return true; }); document.on("change", "input.position", (e,input) => { buttonplay.value = false; ellottie.lottie.stop(); ellottie.lottie.position = input.value; showLottieState(); }); :