TutuCut

بديل لـ Remotion: اكتب الحركة بـ HTML وحرّرها فيديو في متصفحك

بلا Node.js وبلا React. حركات HTML / CSS / GSAP على الخط الزمني نفسه مع الفيديو والصور.

ابدأ من قالب

لصق الشيفرة / استيراد .html تعمل كل الرسوم المتحركة لصفحات الويب المكتوبة بـ Canvas أو SVG أو GSAP أو Three.js اطلب من الذكاء الاصطناعي صنع واحدة صِف التأثير الذي تريده، فيكتبه الذكاء الاصطناعي ويضعه على الخط الزمني

نقرة واحدة تفتح المحرر والحركة مضافة بالفعل. في القوالب ذات خانات الوسائط، اسحب فيديو أو صورة إلى البطاقة، أو اضغط «استخدم ملفاتي»، فتكون في مكانها عند فتح المحرر. تبقى الملفات على جهازك، ولا يُرفع شيء.

TutuCut بديل لـ Remotion: اكتب الحركة بـ HTML أو CSS أو Canvas أو GSAP أو Three.js، وضعها على الخط الزمني في متصفحك مع الفيديو والصور، وصدّر MP4. بلا Node.js ولا React، والذكاء الاصطناعي يكتبها عنك. ما لا يستطيعه: عرض آلاف الفيديوهات دفعيًا من البيانات على خادم؛ Remotion أنسب لذلك.

يكتب Remotion الفيديو على شكل مكوّنات React: تثبّت Node.js، وتنشئ مشروعًا، وتكتب الشيفرة، ثم تعرضها. يسلك TutuCut طريقًا آخر: مقطع الحركة مجرد صفحة HTML عادية. حركات CSS وCanvas وSVG وGSAP وThree.js تُلصق كلها مباشرة، وتُرسم إطارًا بإطار في متصفحك، وتجلس على الخط الزمني نفسه مع الفيديو والصور والترجمات، وتُصدَّر بصيغة MP4 أو GIF.

يمكن أن تدخل موادك مباشرة في الحركة: اكتب رمز tutu-asset في الشيفرة لاستخدام الصور والفيديو وGIF والخطوط من مكتبة الوسائط، أو استخدم قالبًا بخانات وسائط جاهزة (صورة داخل صورة حية، جدار صور، إطار جهاز…) واسحب فيديو إليه. كل شيء يُعالج في متصفحك، ولا يُرفع شيء.

حيث يتفوق Remotion نقول ذلك: يستطيع Remotion العرض الدفعي لعشرات آلاف الفيديوهات من البيانات على الخوادم (بما فيها AWS Lambda)، ولا توجد لدينا واجهة برمجية للعرض الدفعي؛ كما أن منظومة React لديه أكبر. إن كنت تحتاج فيديو لكل صف بيانات بشكل آلي بالكامل فاختر Remotion. وإن كنت تصنع فيديو واحدًا فيه حركة وتريد تعديله وأنت تشاهده، فهذا أسرع.

TutuCut مقابل Remotion

وجه المقارنةTutuCutRemotion
كيف تُكتب الحركةHTML / CSS / JS عادية (Canvas وSVG وGSAP وThree.js) مكوّنات React
ما الذي تحتاج إلى معرفتهلا حاجة إلى الشيفرة لتعديل القوالب؛ HTML لكتابة حركتك React
التحرير مع فيديو وصور حقيقيةالخط الزمني نفسه؛ ويمكن أن تدخل المواد في الحركة تحرير بالسحب والإفلات
ما الذي يلزم تثبيتهلا شيء؛ افتح صفحة الويب Node.js، ومشروع يُنشأ من سطر الأوامر
الذكاء الاصطناعي يكتبها عنكمساعد ذكاء اصطناعي مدمج يضعها على الخط الزمني يعمل مع وكلاء البرمجة
السعرمجاني، بلا علامة مائية مجاني للأفراد والشركات حتى 3 أشخاص والمنظمات غير الربحية؛ والبقية يحتاجون ترخيص شركة
العرض الدفعي من البيانات على خادمغير مدعوم نعم (بما فيها AWS Lambda)

تم التحقق في 2026-10-04. رمز ↗ بجانب الخانة هو مصدرها، افتحه وتحقق بنفسك.

الأسئلة الشائعة

هل يستطيع TutuCut فتح مشروع Remotion؟
لا. مشروع Remotion شيفرة React تُحزَم وتُعرض في Node.js، أما TutuCut فيشغّل HTML عاديًا. للانتقال، أعد كتابة الحركة كصفحة HTML واحدة: ارسم إطارًا لكل لحظة بخط زمني GSAP أو window.__seek(t)، واقرأ المعاملات من __PARAMS__، وأشر إلى المواد برموز tutu-asset. أو صِف التأثير للذكاء الاصطناعي ودعه يكتب واحدة.
هل أحتاج إلى تثبيت أي شيء؟
لا. افتح الصفحة وابدأ: بلا Node.js، وبلا إعداد مشروع، وبلا سطر أوامر. تُرسم الحركة وتُصدَّر إطارًا بإطار في متصفحك، ولا تُرفع موادك ولا شيفرتك.
هل يمكن أن تستخدم الحركة الفيديوهات والصور الخاصة بي؟
نعم. اكتب رمز tutu-asset في الشيفرة لاستخدام الصور والفيديو وGIF والخطوط من مكتبة الوسائط، أو اسحب الملفات إلى خانات الوسائط في القالب. يمكن لخانة الفيديو تفعيل «مع الصوت»، فيُضاف صوتها كمقطع منفصل يتبع الحركة. وإذا فُقد ملف يظهر عنصر نائب وتنبيه لإعادة ربطه، ويُمنع التصدير بدل تصدير نسخة ناقصة الصور بصمت.
هل يستطيع إنتاج مئات الفيديوهات دفعة واحدة؟
ليس آليًا. يحرر TutuCut فيديو واحدًا في كل مرة. إن كنت تحتاج إلى توليد مئات أو آلاف الفيديوهات من جدول بيانات، فالعرض على خوادم Remotion أو Lambda أنسب.
هل Remotion مدفوع؟ وهل TutuCut مدفوع؟
وفق الترخيص الرسمي لـ Remotion، يمكن للأفراد والشركات التي لا يزيد عدد أفرادها على 3 أشخاص والمنظمات غير الربحية استخدامه مجانًا؛ أما الشركات الأكبر فتحتاج ترخيص شركة. التحرير والتصدير في TutuCut مجانيان، بلا علامة مائية وبلا تسجيل.

أدوات ذات صلة