Σε ένα προηγούμενο άρθρο περιέγραψα πώς μπορείτε εύκολα να ενσωματώσετε κινούμενα σχέδια από το Adobe Animate σε έναν ιστότοπο χρησιμοποιώντας μια εξαγωγή APNG. Υπάρχει επίσης ο εγγενής τρόπος μέσω της εξαγωγής καμβά HTML5 , αλλά όποιος έχει ήδη εργαστεί με αυτό θα παρατηρήσει ότι υπάρχουν προβλήματα σε κάθε βήμα (ανεπαρκής υποστήριξη απόκρισης, δυσκίνητη ενσωμάτωση σε υπάρχοντες ιστότοπους, χωρίς διαφορετικούς ρυθμούς καρέ ανά κινούμενη εικόνα κ.λπ.). Η βιβλιοθήκη adobe-animate-embed μπορεί να βοηθήσει εδώ.
Πρώτα δημιουργείτε ένα νέο έργο και επιλέξτε τον τύπο "HTML5 Canvas":
Στη συνέχεια, δημοσιεύετε το έργο με τις τυπικές ρυθμίσεις δημοσίευσης:
Τώρα ενσωματώνετε τη βιβλιοθήκη adobe-animate-embed και παίζετε το animation μέσα σε ένα στοιχείο DOM:
3ad3cc9d9915693d69583124699f1a2b
Πολλά περισσότερα παραδείγματα και επιλογές είναι διαθέσιμα στην τεκμηρίωση της βιβλιοθήκης.