تخطَّ إلى المحتوى

كيف تسجّل فيديو تمرير لموقع إلكتروني

كيف تسجّل شاشتك وموقع يُمرَّر دون تقطّع أو نوافذ منبثقة أو صفحة مقصوصة: جهّز الصفحة، واضبط المسجّل، واجعل التمرير آليًا، ثم قصّ الأطراف.

Aviral Lakhanpaulآخر تحديث مدة القراءة: 3 دقيقة

الإجابة المختصرة

نظّف الصفحة أولًا (أغلق إشعار الكوكيز وأدوات المحادثة)، واضبط نافذة المتصفح على الإطار الذي تريده بالضبط، وسجّل بمعدل 60 fps بمسجّل يكتب معدل إطارات ثابتًا، ودع سكربتًا يتولى التمرير بدلًا من يدك. أو تجاوز المسجّل كليًا وأعطِ الرابط لمُصيِّر يحسب التمرير نيابةً عنك.

طريقتان للحصول على اللقطات

يمكنك أن تسجّل الصفحة: يلتقط مسجّل الشاشة كل ما تعرضه شاشتك بينما تُمرَّر الصفحة. أو يمكنك أن تصيّرها: تفتح أداةٌ الصفحة في متصفحها الخاص وتبني الفيديو إطارًا بعد إطار. هذا الدليل عن الطريقة الأولى، لأنها أحيانًا تكون الخيار الصحيح. وإن كانت الصفحة عامة ولا تحتاج إلا إلى التمرير، فـالدليل خطوة بخطوة لصنع فيديو من رابط أسرع.

التسجيل بنفسك منطقي حين:

  • تكون الصفحة خلف تسجيل دخول، أو على localhost، أو على شبكة لا يصل إليها غيرك.
  • تريد إظهار تفاعل حقيقي: الكتابة في نموذج، أو فتح القوائم، أو سحب العناصر.
  • تحتاج إلى صوتك أو صورتك من الكاميرا فوق الفيديو، كما في الدروس التعليمية.

جهّز الصفحة

معظم اللقطات السيئة تفسد قبل أن يبدأ المسجّل. افعل هذه الأمور مرة واحدة وستتحسن كل لقطة.

  1. افتح الصفحة في ملف تعريف جديد أو نافذة تصفح خاصة، كي تبقى إضافاتك وشريط الإشارات المرجعية وحالة تسجيل الدخول خارج اللقطة.
  2. اقبل إشعار الكوكيز أو أغلقه، وأغلق نافذة النشرة البريدية، وصغّر زر المحادثة. فهذه تميل إلى العودة عند إعادة التحميل، لذا اجعلها آخر ما تفعله.
  3. مرّر إلى الأسفل ثم عُد إلى الأعلى مرة قبل التسجيل. فهذا يحمّل الصور المؤجلة ويشغّل حركات الدخول، فلا تلتقط اللقطة أقسامًا نصف محمّلة.
  4. أخفِ شريط التمرير إن كان يزعجك. في DevTools، أضف html { scrollbar-width: none; } إلى أنماط الصفحة.
  5. أوقف الإشعارات. فإشعار ينزلق في أعلى الشاشة يفسد لقطة كانت لتكون مثالية.

اضبط النافذة على مقاس الإطار

حدّد شكل الفيديو النهائي أولًا، ثم اجعل نافذة المتصفح بذلك الشكل. فتسجيل شاشة كاملة بنسبة 16:10 ثم قصّها إلى 9:16 لاحقًا يهدر معظم البكسلات ويترك نتيجة ضبابية.

  • لنسبة 16:9، أنظف خيار نافذة بمساحة محتوى 1280 × 720 أو 1920 × 1080.
  • لفيديو بشكل الهاتف، افتح DevTools، وفعّل شريط أدوات الأجهزة واختر هاتفًا. عندها تقدّم الصفحة تخطيطها المخصص للهاتف، وتسجّل منطقة العرض تلك وحدها.
  • اضبط تكبير الصفحة على 100%. فالصفحات المكبّرة تعرض النص بأحجام غير معتادة ويبدو باهتًا بعد تغيير المقاس.

الشاشة الريتينا أو عالية الكثافة تسجّل بضعف حجم النافذة بالبكسل، وهذا أمر جيد: يمكنك التصغير إلى 1080p مع بقاء النص حادًا.

اضبط المسجّل

إعدادات مسجّل الشاشة لتمرير موقع
الإعداداستخدملماذا
معدل الإطارات60 fpsالتمرير حركة متواصلة. وعند 30 fps يقفز كل إطار ضعف المسافة، فيبدو الاهتزاز واضحًا
نمط معدل الإطاراتثابت (CFR)ملفات معدل الإطارات المتغير تتقطع في برامج المونتاج وفي بعض المشغّلات
منطقة الالتقاطنافذة المتصفح أو منطقة محددة، لا الشاشة كاملةلا قصّ لاحقًا، إذن لا دقة مفقودة
المؤشرمخفي، إلا إن كنت تشير إلى شيءمؤشر ساكن وسط التمرير يبدو كخطأ
الجودةمعدل بت مرتفع، أو بلا فقد إن كنت ستحرّر الفيديوالنص المتحرك أصعب شيء على المرمّز: كل بكسل يتحرك في كل إطار

على Mac، يكتب المسجّل المدمج (Shift ⌘ 5) وQuickTime ملفات بمعدل إطارات متغير. أما OBS Studio، المجاني على macOS وWindows وLinux، فيسجّل بمعدل إطارات ثابت تختاره أنت. وعلى Windows، تسجّل كل من Snipping Tool وXbox Game Bar، لكن OBS يمنحك أكبر قدر من التحكم.

دع شيئًا غير يدك يتولى التمرير

هذه هي الخطوة التي تحدد إن كان الفيديو سيبدو احترافيًا. عجلة الفأرة تتحرك على درجات، ولوحة اللمس تنطلق ثم تنزلق بقوة الدفع، ولا تحافظ أيٌّ منهما على سرعة ثابتة عشرين ثانية. ويشرح لماذا تتقطع تسجيلات التمرير الأسباب بالتفصيل.

الحل الموثوق أن تجعل المتصفح يمرّر نفسه. سكربت قصير تلصقه في وحدة تحكم DevTools يمرّر الصفحة كاملة على منحنى تخفيف خلال وقت محدد. والسكربت الكامل، وكيفية ضبط إيقاعه، في كيف تجعل موقعًا يُمرَّر تلقائيًا من أجل فيديو.

  1. الصق السكربت ولا تشغّله بعد

    اضبط المدة داخله على الوقت الذي تريد أن يستغرقه التمرير.

  2. شغّل المسجّل

    امنح نفسك ثانية أو ثانيتين من السكون في الأعلى. يمكنك قصّها لاحقًا، والإطار الأول الثابت يصنع صورة مصغّرة أفضل.

  3. شغّل السكربت وابعد يديك

    لا تلمس الفأرة أو لوحة اللمس حتى تتوقف الصفحة. فأي إدخال يتعارض مع السكربت.

  4. أوقف التسجيل، ثم قصّ الطرفين

    اقطع عند أول إطار فيه حركة وآخر إطار، مع ما تريده من ثبات على كل جانب.

حين يكون التسجيل هو الطريق الأطول

إن نُفّذ كل ما سبق كما ينبغي، فهو عمل ربع ساعة لكل لقطة، وأي شكل مختلف يعني لقطة أخرى. وإن كانت الصفحة عامة، فالمُصيِّر يفعل ذلك كله من الرابط: يفتح الصفحة بعرض سطح المكتب أو الجهاز اللوحي أو الهاتف، ويزيل النوافذ المنبثقة، ويقرأ الصفحة بكثافة مضاعفة، ويحسب الحركة بمعدل ثابت 24 أو 30 أو 60 fps. تغيّر إعدادًا وتصدّر من جديد بدل أن تعيد التسجيل.

جرّبه على موقعك

الصق رابطًا وعاين التمرير مجانًا. 51 رصيدًا مجانيًا عند التسجيل، بلا بطاقة ائتمان، وبلا علامة مائية على أي شيء تصدّره.

عمليات البحث الأخيرة

    أسئلة وأجوبتها

    إجابات مختصرة عمّا يسأل عنه الناس بعد ذلك.

    اتصل بنا
    ما أفضل مسجّل شاشة مجاني لتمرير المواقع؟

    OBS Studio. فهو مجاني على macOS وWindows وLinux، ويسجّل بمعدل إطارات ثابت، ويمكنه التقاط نافذة واحدة. المسجّلات المدمجة في macOS وWindows تؤدي الغرض، لكنها تمنحك تحكمًا أقل في معدل الإطارات والجودة.

    لماذا يبدو تسجيلي سلسًا على الشاشة لكنه متقطع عند تشغيله؟

    غالبًا بسبب ملف بمعدل إطارات متغير، أو تسجيل بمعدل 30 fps، أو معدل بت منخفض جدًا لنص يتحرك في كل إطار. سجّل بمعدل ثابت 60 fps ومعدل بت مرتفع، ودع سكربتًا يتولى التمرير بدل العجلة.

    كيف أسجّل صفحة ويب كاملة أطول من شاشتي؟

    مرّرها أثناء التسجيل، ويُفضَّل أن يكون ذلك بسكربت كي تبقى السرعة منتظمة. فمسجّل الشاشة لا يلتقط إلا ما في النافذة في كل لحظة، لذلك يتحدد طول الفيديو بسرعة حركة الصفحة.

    شعار Website Scroll Video: زر تشغيل فوق صفحة ويب داخل نافذة متصفح.

    وقت أقل في التسجيل. وقت أكثر في البناء.

    أتمتِم تسجيلات المواقع بحركة قابلة للتخصيص وتحكم ذكي وخيارات تصدير مصمَّمة للمبدعين اليوم.