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