محرر فيديو قابل للتضمين
سطر واحد من الشيفرة يضع محرر فيديو بخط زمني في موقعك.
مكوّن TutuCut القابل للتضمين: سطر واحد من الشيفرة يضع محرر فيديو بخط زمني (قص، ترجمة، مؤثّرات، انتقالات) في أي موقع. المظهر والأدوات والتصدير قابلة للضبط، مع دعم قوائم النطاقات المسموحة والمحظورة، وتحديثات المحرر تُطبَّق تلقائيًا.
وسم script واحد يضع محرر TutuCut ذا الخط الزمني في صفحتك. يقص الزوار ويضيفون الترجمة والمؤثرات هناك مباشرة، وعند الضغط على «تم» يُسلَّم الإطار الحالي إلى صفحتك كصورة عبر رد النداء onSave.
</body> في موقعك <script src="https://tutucut.com/embed.js"
data-key="pk_live_YOUR_KEY"
data-mount="#cc-editor" defer></script> استبدل pk_live_YOUR_KEY بمفتاح تنشئه بنفسك في لوحة التحكم (أي مستخدم مسجَّل، دون مراجعة، ويسري فورًا)؛ ويجب أن يكون للحاوية #cc-editor عرض وارتفاع. سجّل عنوان التضمين عند الدمج (قائمة بيضاء؛ للتطوير المحلي استخدم localhost) — ولا يظهر إلا على المواقع التي تسجّلها.
جرّبه مباشرة
انقر الزر أدناه لتجربة محرّر الفيديو المضمّن مباشرة على هذه الصفحة.
واجهة JS البرمجية (لعمليات الاستدعاء / التخصيص)
<script src="https://tutucut.com/embed.js"></script>
<script>
const cc = TutuCut.mount('#cc-editor', {
key: 'pk_live_YOUR_KEY',
theme: 'auto', // auto | light | dark
onSave: (file) => {
// file.dataUrl = current frame image (base64)
upload(file.dataUrl);
}
});
cc.open('https://your.site/clip.mp4'); // import a media clip
</script>مرجع كامل للمعاملات
| المعامل | النوع | الوصف |
|---|---|---|
| key | string | مفتاحك العام pk_ (يُنشأ في لوحة التحكم). مطلوب. |
| theme | 'auto'|'light'|'dark' | السمة؛ auto يتبع الوضع الفاتح/الداكن للمضيف/النظام. |
| hideHeader | boolean | إخفاء الشريط العلوي (عند بناء واجهتك الخاصة والتصدير عبر export()). |
| hideOpen | boolean | إخفاء زر «فتح الوسائط». |
| hideExport | boolean | إخفاء زر «تصدير وتنزيل». |
| saveText | string | نص زر «تم» (الافتراضي «تم والإرسال»، بحد أقصى 16 حرفًا). |
الطرق
cc.open(url, name?)يستورد مقطع وسائط إلى المخطط الزمني (url فيديو/صوت/صورة أو dataURL).cc.export(format?)يصدّر الإطار الحالي → Promise<{dataUrl,mime,size}>.cc.setTheme('dark')يبدّل السمة أثناء التشغيل.cc.destroy()يزيل الأداة (يحذف iframe).
استدعاءات الأحداث
onReady()المحرّر جاهز.onSave(file)يضغط المستخدم «تم» → file.dataUrl هي صورة الإطار الحالي.onError(e)e.message مكتوبة بلغة مفهومة (غير مفعّل / لا صلاحية / فشل التحميل).onClose()أُغلقت الطبقة الكاملة للشاشة.
الأمان · التحديثات التلقائية
- · تفعيل ذاتي، موافقة تلقائية:يحصل أي مستخدم مسجَّل على مفتاح بتسجيل اسم الموقع + عنوان التضمين في لوحة التحكم، ويسري فورًا.
- · المفتاح عام؛ ويُمنع سوء الاستخدام عبر قائمة سماح/حظر لعناوين URL المسجَّلة (الحظر له الأولوية). تُرفض النطاقات غير المسجَّلة مع تنبيه للتسجيل؛ ويمكنك التفعيل أو الإيقاف في أي وقت.
- · إحصاءات المصدر الحقيقي:يُحتسَب كل تحميل حسب Origin (بما في ذلك المحظور)؛ وتُظهر لوحة التحكم تفصيلًا لكل مصدر، ويمكن إضافة النطاقات غير المسجَّلة إلى القائمة البيضاء بنقرة واحدة.
- · يعمل المحرّر على نطاق TutuCut الخاص (معزول)؛ ولا يمكن لصفحتك الوصول إلى أي بيانات اعتماد لـ TutuCut، ولا تظهر أعمال الزائر الخاصة على TutuCut في الأداة المضمّنة.
- · الأداة مستضافة ذاتيًا وتُحدَّث تلقائيًا من TutuCut —— ترقيات الميزات لا تتطلّب أي تغيير في شيفرتك ولا صيانة إطلاقًا.
الأسئلة الشائعة
- هل يؤثر في إعدادات العزل عبر المصادر في صفحتي؟
- لا. يعمل المحرر داخل iframe على نطاق TutuCut نفسه ولا يحتاج SharedArrayBuffer، فلا تحتاج صفحتك إلى ترويسات COOP / COEP.
- هل تُرفع فيديوهات الزوار إلى خوادمكم؟
- لا. يجري المونتاج في متصفح الزائر نفسه، ولا يترك وضع التضمين حتى مسودات هناك. لا تتلقى صفحتك إلا الصورة التي تُسلَّم عندما يضغط الزائر «تم».
- كيف أحصل على مفتاح؟
- سجّل الدخول، وسجّل في وحدة التحكم اسم الموقع وعنوان الصفحة، فتحصل على مفتاح عام يعمل فورًا. المفتاح نفسه عام، ويُمنع إساءة استخدامه بقوائم العناوين المسموحة والمحظورة التي تسجّلها (والحظر له الأولوية).