مسجل أحداث ب React

تصميم موقع إلكتروني تصميم مواقع التصميم الإبداعي تصميم واجهة المستخدم تصميم تجربة المستخدم تصميم موقع إلكتروني تصميم مواقع التصميم الإبداعي تصميم واجهة المستخدم تصميم تجربة المستخدم

مرحبا هل انت خبير فرونت اند لدينا مشروع فرونت اند يحتاج له شخص خبير بتقنيات ؟ أن يقوم بتسجيل الفيديو بالصور المتتابعة كما عهدنا , هو يقوم بتسجيل الأحداث التي تقع في الشاشة و عند إعادة المشاهدة أنت سترى الأحداث الحقيقية التي وقعت , يعني لو أنك سجلت أنك كتبت "hello world" فعند مشاهدة التسجيل فهو سيقوم بإعادة طباعة الحروف و الأحداث حرفيا .. و هذا يسمى ب dom events recorder . من فوائده أن حجم الملف المسجل يقون صغير جدا مقانة بالفيديو و أيضا نوعية الصورة ستكون حقيقية لأنها ليست صور و أيضا هو فعال جدا في الأمور التعليمية التي تتطلب كتابة أو رسم على ال DOM . نريد صفحة بهذه الفكرة تقريبا أي يعني الشخص يكتب مثلا hello world يعاد كتابتها بتقنية تسجيل الاحرف ويمكن للمستخدم ان يعدل عليها اي يعني زي الفيديو مسجل ويمكنه يحرر النصوص المسجلة https://codepen.io/Salsa_... اضغط على زر "record" لبدأ التسجيل , ثم أكتب أي شيئ ثم أعد الضغط على "record" لوقف التسجيل , ثم إضغط على زر "play" للمشاهدة . شبيه لهذا