sm annotate
Video Sync
يوفر هذا المشروع أداة تعليق توضيحية لعناصر الفيديو والصور HTML. تتيح الأداة للمستخدمين رسم والتعليق على الفيديو والصور باستخدام أدوات الرسم المختلفة ، بما في ذلك المنحنيات والمستطيلات واللوائح والنصوص. يمكن للمستخدمين أيضًا تخصيص اللون وحجم السكتة الدماغية لشروحهم.
Demo: Lifeart.github.io/sm-annotate
أضف الحزمة إلى مشروعك باستخدام الغزل:
yarn add https://github.com/lifeart/sm-annotate.git import { SmAnnotate } from '@lifeart/sm-annotate' ;
const video = document . getElementById ( 'video' ) ;
const annotationTool = new AnnotationTool ( video ) ;يمكن للمستخدمين رسم وشرح باستخدام الأدوات المتاحة (المنحنى ، المستطيل ، القطع الناقص ، والنص) وتخصيص لون وحجم السكتة الدماغية. تدعم الأداة أيضًا التراجع عن الوظائف ومعالجة الأحداث لأحداث المؤشر (الماوس واللمس).
لحفظ الإطار الحالي أو جميع الإطارات مع التعليقات التوضيحية ، استخدم أساليب saveCurrentFrame أو saveAllFrames ، على التوالي.
| رمز المفاتيح | نتيجة |
|---|---|
Shift | المكبر X2 |
r | اللون الأحمر |
g | اللون الأخضر |
b | اللون الأزرق |
y | اللون الأصفر |
1 - 9 | حجم الأداة |
نرحب بالمساهمات لتحسين المشروع. لا تتردد في تقديم المشكلات أو سحب الطلبات للنظر فيها.
هذا الرمز مسموح به للاستخدام غير التجاري. للاستخدام التجاري ، يجب على المستخدمين الاتصال بالمؤلف.
