How to animate a sequence of individual images?

🎈 Using Streamlit
1

Hi:
I would like to animate a sequence of satellite images, like the https://www.ssec.wisc.edu/hanis/examples/ha1.html. I can control the foreward and backword, animation speed of images. I try to insert the HAniS javascript (https://www.ssec.wisc.edu/hanis/) into markdown html for animating a sequence of images. But streamlit does not support javascript integration. So is there an other way way to solve this. Thanks very much!
Kan

1 Like
2

Hi @kan, welcome to the Streamlit Community!

Your request sounds perfect for our new Components framework that we’ll be releasing shortly:

https://discuss.streamlit.io/t/interested-in-creating-and-or-testing-components/2962/2

This will allow developers to create widgets in JavaScript and register them as Python packages, which opens up the types of functionality you are talking about. If you’d like to participate in the beta, we’d love to see you build this out as an example!

Best,
Randy

3

Hi @randyzwitch. Thanks for your reply very much. It’s a great idea to try Components framework.

4

Hi @kan - did you manage to get anywhere with this, would also like this functionality.

Cheers,
Will

5

Hi, RRQED:
You should try the new streamlit component function. https://docs.streamlit.io/en/stable/develop_streamlit_components.html