In a previous article I described how one can easily integrate animations from Adobe Animate into a website via the detour of an APNG export. There is also the native way via the HTML5 canvas export , but anyone who has already worked with it will find that it is stuck at all corners (insufficient responsive support, cumbersome integration into existing websites, no different frame rates per animation, etc.) .). The library adobe-animate-embed provides a remedy here.
First you create a new project and select the "HTML5 Canvas" type:
Then you publish the project with the standard publication settings:
Now you integrate the library adobe-animate-embed and play the animation within a DOM element:
3ad3cc9d9915693d69583124699f1a2b
Many more examples and options are available in the library documentation .