لقد وصفت في مقال سابق كيف يمكنك بسهولة دمج الرسوم المتحركة من Adobe Animate في موقع ويب باستخدام تصدير APNG. هناك أيضًا الطريقة الأصلية عبر HTML5 Canvas Export ، لكن أي شخص عمل معها بالفعل سيلاحظ وجود مشكلات في كل منعطف (دعم غير كافٍ، تكامل مرهق في مواقع الويب الحالية، عدم وجود معدلات إطارات مختلفة لكل رسم متحرك، وما إلى ذلك). يمكن لمكتبة adobe-animate-embed المساعدة هنا.
أولاً ، تنشئ مشروعًا جديدًا وتختار النوع "HTML5 Canvas":
ثم تقوم بنشر المشروع مع إعدادات النشر القياسية:
يمكنك الآن دمج مكتبة adobe-animate-embed وتشغيل الرسوم المتحركة داخل عنصر DOM:
3ad3cc9d9915693d69583124699f1a2b
تتوفر العديد من الأمثلة والخيارات في وثائق المكتبة.