هل يمكنني عرض كود HTML والتقاط تسجيل يمرر بسلاسة إلى النهاية؟

لدي كود HTML كعنصر، وأريد الحصول على تسجيل يتحرك ببطء نحو الأسفل بسرعة محددة، يجب أن يقوم بعرض HTML، وكما يجب أن يحتوي التسجيل على جميع رسوم التمرير المتحركة، هل هناك طريقة للقيام بذلك في n8n، بدون تثبيت أي حزم أخرى، مثل puppeteer؟ أي سير عمل أو حل سيكون موضع تقدير كبير. شكراً لك!

مرحباً @SE-automations

لا يمكن لـ n8n أن يفعل هذا بمفرده. لا توجد عقدة تقوم بتصيير HTML وتسجيل شاشة للتمرير، وتصوير حركة التمرير يتطلب دائماً تشغيل محرك متصفح في مكان ما، وهذا بالضبط ما تحاول تجنبه.

الطريقة النظيفة للالتفاف حول ذلك هي نقل التصيير إلى واجهة برمجية للصور المصغرة/الفيديو واستدعاؤها باستخدام عقدة HTTP Request. خدمات مثل ScreenshotOne أو urlbox أو APIFreaks تأخذ ملف HTML الخاص بك أو عنوان URL، وتقوم بالتمرير التلقائي بسرعة تحددها، وتعيد ملف MP4 مع الرسوم المتحركة مدمجة. المتصفح بلا رأس يعمل من جانبهم، لذلك لا حاجة لتثبيت أي شيء إضافي في n8n.

بما أن ملف HTML الخاص بك هو مجرد عنصر، مرره إلى خدمة تقبل HTML خام، أو استضفه أولاً وأرسل عنوان URL.

مرحبا @SE-automations

يمكن لـ Airtop أن يساعد لأنه يعمل كمتصفح سحابي ويسمح بالتفاعلات والقطات الشاشة، لكن الوثائق لا تؤكد دعم التسجيل المستمر مع التمرير السلس. لهذا، الحل الأنسب على الأرجح هو استخدام Puppeteer/Playwright أو Browserless أو ScrapingBee أو واجهة برمجية خارجية متخصصة.

HTML | n8n Docs
Airtop node documentation | n8n Docs
HTTP Request node fails with getaddrinfo or timeout exceeded with URLs that are accessible via browser - أسئلة - n8n Community

لا، n8n لا يملك عقدة أصلية “عرض HTML + تمرير سلس + تسجيل فيديو”، ولن تحصل على ذلك بدون محرك متصفح حقيقي يعمل في مكان ما. عقدة HTML فقط تعدّل HTML، وAirtop توفر لك متصفح بعيد + لقطات شاشة، لكن لا أحدهما سيُخرج ملف MP4 لحركة تمرير بمفرده.

لو اضطررت لبناء هذا في n8n اليوم، سأعاملها كمشكلة تكامل:

  • استضفِ أو أرسل HTML الخاص بك إلى API متصفح/فيديو (ScreenshotOne وurlbox وBrowserless…) يمكنه التمرير التلقائي وإعادة فيديو، استدعِ ذلك API من n8n عبر HTTP Request،
  • احفظ ملف MP4 المُرجع في S3/Drive/Notion أو أرسله عودة عبر بريد إلكتروني/Slack.

هذا يبقي n8n كمُنسّق ويدع العمل الثقيل (عرض + تمرير + التقاط) يحدث في المكان الصحيح، خدمة متصفح بدون رأس مصممة لهذا.

زرت الروابط، لكنها تقول أنها لأخذ لقطات شاشة، لكنني أريد تسجيل الشاشة، هل أساءت قراءتها؟

@SE-automations في ردي الخيار للفيديو :wink:

شكراً لك @tamy.santos، لقد قمت بالتسجيل في Airtop، ثم أضفت بيانات الاعتماد إلى العقدة، لكنني جديد في Airtop، لقد قمت بإنشاء جلسة، ثم نافذة، ثم قمت بعملية التمرير، لكن لا يزال لا توجد ملف .mp4 في أي مكان، هل فعلت شيئاً خاطئاً؟

@SE-automations للإجابة على سؤالك الأخير، Airtop لا ينتج تسجيلات MP4. يوفر لك التحكم في المتصفح عن بعد والتقاط الشاشة، لكن لا توجد مخرجات “تصدير الفيديو” من تفاعل التمرير، وهذا هو السبب في عدم ظهور أي شيء. لم تفعل شيئاً خاطئاً، إنها ببساطة ليست ما تم بناء Airtop من أجله.

للحصول على تسجيل شاشة تمرير حقيقي من HTML، أنظف خيار يعمل عبر HTTP Request node في n8n هو ScreenshotOne، وهو يدعم مخرجات فيديو/MP4 (ليس فقط لقطات شاشة)، بما في ذلك التمرير التلقائي. يقبل endpoint /record الخاص بهم HTML خام ومعاملات سرعة التمرير مباشرة.

مثال على إعداد HTTP Request node:

Method: GET

URL: https://api.screenshotone.com/animate

معاملات الاستعلام:

access_key → مفتاح API الخاص بك

html → سلسلة HTML الخاصة بك (مشفرة بـ URL)

scenario → scroll

scroll_duration → على سبيل المثال 5 (ثواني للتمرير على الصفحة الكاملة)

format → mp4

الاستجابة ترجع كبيانات ثنائية، وصلها إلى Write Binary File node أو احفظها على Google Drive/S3.

إذا كانت التكلفة مصدر قلق، Browserless (قابل للاستضافة الذاتية) يدعم أيضاً تسجيل الشاشة عبر Playwright scripts التي تُرسل عبر HTTP، يتطلب مزيداً من الإعداد، لكنها مجانية إذا قمت بالاستضافة الذاتية إلى جانب تثبيت n8n Docker الخاص بك.

صباح الخير @SE-automations
يجب التحقق من وثائقهم.