मुख्य सामग्री पर जाएँ

वेबसाइट स्क्रॉल वीडियो कैसे रिकॉर्ड करें

स्क्रॉल होती वेबसाइट को बिना झटकों, पॉप-अप या कटे हुए पेज के स्क्रीन रिकॉर्ड कैसे करें: पेज तैयार कीजिए, रिकॉर्डर सेट कीजिए, स्क्रॉल अपने आप कराइए, फिर ट्रिम कीजिए।

Aviral Lakhanpaul को अपडेट किया गया5 मिनट का पाठ

छोटा जवाब

पहले पेज साफ़ कीजिए (कुकी बैनर हटाइए, चैट विजेट बंद कीजिए), ब्राउज़र विंडो को ठीक उसी फ़्रेम के साइज़ का कीजिए जो आपको चाहिए, ऐसे रिकॉर्डर से 60 fps पर रिकॉर्ड कीजिए जो स्थिर फ़्रेम रेट लिखता हो, और स्क्रॉल अपने हाथ के बजाय किसी स्क्रिप्ट से कराइए। या रिकॉर्डर छोड़िए और URL किसी ऐसे रेंडरर को दीजिए जो स्क्रॉल का हिसाब आपके लिए लगाए।

फ़ुटेज पाने के दो तरीक़े

आप पेज को रिकॉर्ड कर सकते हैं: पेज स्क्रॉल होते समय आपके मॉनिटर पर जो दिखता है, स्क्रीन रिकॉर्डर वही कैप्चर करता है। या आप उसे रेंडर कर सकते हैं: कोई टूल पेज को अपने ब्राउज़र में खोलता है और वीडियो फ़्रेम-दर-फ़्रेम बनाता है। यह गाइड पहले तरीक़े के बारे में है, क्योंकि कभी-कभी वही सही होता है। अगर पेज सार्वजनिक है और आपको सिर्फ़ स्क्रॉल चाहिए, तो लिंक से वीडियो बनाने की क़दम-दर-क़दम गाइड ज़्यादा जल्दी है।

ख़ुद रिकॉर्ड करना तब समझ में आता है जब:

  • पेज किसी लॉगिन के पीछे हो, localhost पर हो, या ऐसे नेटवर्क पर हो जहाँ सिर्फ़ आप पहुँच सकते हैं।
  • आप असली इंटरैक्शन दिखाना चाहते हों: फ़ॉर्म में टाइप करना, मेन्यू खोलना, चीज़ें खींचना।
  • आपको ऊपर से अपनी आवाज़ या कैमरा चाहिए, जैसे किसी ट्यूटोरियल में।

पेज तैयार कीजिए

ज़्यादातर ख़राब टेक रिकॉर्डर चालू होने से पहले ही बिगड़ चुके होते हैं। ये काम एक बार कर लीजिए, हर टेक बेहतर होगा।

  1. पेज को नई प्रोफ़ाइल या प्राइवेट विंडो में खोलिए, ताकि आपके एक्सटेंशन, बुकमार्क बार और साइन-इन की स्थिति शॉट से बाहर रहें।
  2. कुकी बैनर स्वीकार कीजिए या हटाइए, न्यूज़लेटर मोडल बंद कीजिए और चैट लॉन्चर छोटा कर दीजिए। ये रीलोड पर अक्सर लौट आते हैं, इसलिए यह सबसे आख़िर में कीजिए।
  3. रिकॉर्ड करने से पहले एक बार नीचे तक स्क्रॉल करके वापस आइए। इससे देर से लोड होने वाली इमेज लोड हो जाती हैं और प्रवेश एनिमेशन चल जाते हैं, ताकि टेक में आधे लोड हुए सेक्शन न आएँ।
  4. अगर स्क्रॉलबार खटकता है तो उसे छिपा दीजिए। DevTools में पेज की स्टाइल में html { scrollbar-width: none; } जोड़िए।
  5. नोटिफ़िकेशन बंद कीजिए। ऊपर दाईं ओर से सरकता एक बैनर, वरना बिल्कुल सही टेक को बर्बाद कर देता है।

विंडो को फ़्रेम के साइज़ का कीजिए

पहले आउटपुट का आकार तय कीजिए, फिर ब्राउज़र विंडो को उसी आकार का बनाइए। पूरी 16:10 स्क्रीन रिकॉर्ड करके बाद में 9:16 में क्रॉप करने से आपके ज़्यादातर पिक्सेल फेंक दिए जाते हैं और नतीजा धुंधला निकलता है।

  • 16:9 के लिए 1280 × 720 या 1920 × 1080 (कंटेंट एरिया) की विंडो सबसे साफ़ रहती है।
  • फ़ोन के आकार के वीडियो के लिए DevTools खोलिए, डिवाइस टूलबार चालू कीजिए और कोई फ़ोन चुनिए। तब पेज अपना मोबाइल लेआउट दिखाता है, और आप सिर्फ़ उसी व्यूपोर्ट को रिकॉर्ड करते हैं।
  • पेज का ज़ूम 100% रखिए। ज़ूम किए पेज टेक्स्ट को अजीब साइज़ में रेंडर करते हैं और स्केल होने पर धुंधले दिखते हैं।

रेटिना या हाई-DPI डिस्प्ले विंडो के पिक्सेल साइज़ से दोगुने पर रिकॉर्ड करता है, और यह अच्छी बात है: आप 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. रोकें, फिर सिरे ट्रिम करें

    गति के पहले और आख़िरी फ़्रेम तक काटिए, और दोनों तरफ़ जितना ठहराव चाहिए उतना रखिए।

जब रिकॉर्ड करना लंबा रास्ता हो

ठीक से करें तो ऊपर का सारा काम हर टेक के लिए पंद्रह मिनट का है, और अलग आकार यानी एक और टेक। अगर पेज सार्वजनिक है, तो रेंडरर यह सब URL से ही कर देता है: वह पेज को डेस्कटॉप, टैबलेट या फ़ोन की चौड़ाई पर खोलता है, पॉप-अप हटाता है, पेज को दोगुनी सघनता पर पढ़ता है और गति का हिसाब 24, 30 या 60 fps के तय फ़्रेम रेट पर लगाता है। दोबारा रिकॉर्ड करने के बजाय आप कोई सेटिंग बदलते हैं और फिर से एक्सपोर्ट कर देते हैं।

अपनी साइट पर आज़माकर देखिए

लिंक चिपकाइए और स्क्रॉल का प्रीव्यू मुफ़्त में देखिए। साइन अप पर 51 मुफ़्त क्रेडिट, कोई कार्ड नहीं, और आपके किसी भी एक्सपोर्ट पर वॉटरमार्क नहीं।

हाल की खोजें

    सवाल और जवाब

    लोग आगे जो पूछते हैं, उनके छोटे जवाब।

    संपर्क
    स्क्रॉल होती वेबसाइट के लिए सबसे अच्छा मुफ़्त स्क्रीन रिकॉर्डर कौन-सा है?

    OBS Studio. यह macOS, Windows और Linux पर मुफ़्त है, स्थिर फ़्रेम रेट पर रिकॉर्ड करता है, और एक अकेली विंडो कैप्चर कर सकता है। macOS और Windows में बने रिकॉर्डर भी काम करते हैं, पर फ़्रेम रेट और क्वालिटी पर कम नियंत्रण देते हैं।

    मेरी रिकॉर्डिंग स्क्रीन पर सहज दिखती है, पर चलाने पर अटकती क्यों है?

    अक्सर इसकी वजह बदलते फ़्रेम रेट वाली फ़ाइल, 30 fps की रिकॉर्डिंग, या ऐसा बिटरेट होता है जो हर फ़्रेम में हिलते टेक्स्ट के लिए बहुत कम है। ऊँचे बिटरेट के साथ स्थिर 60 fps पर रिकॉर्ड कीजिए, और स्क्रॉल व्हील के बजाय स्क्रिप्ट से कराइए।

    अपनी स्क्रीन से लंबे पूरे वेब पेज को कैसे रिकॉर्ड करें?

    रिकॉर्ड करते समय उसे स्क्रॉल कीजिए, बेहतर हो कि स्क्रिप्ट से, ताकि रफ़्तार एक जैसी रहे। स्क्रीन रिकॉर्डर किसी भी पल में सिर्फ़ वही कैप्चर कर सकता है जो विंडो में है, इसलिए वीडियो की लंबाई इससे तय होती है कि पेज कितनी तेज़ी से चलता है।

    Website Scroll Video का लोगो: ब्राउज़र विंडो में वेब पेज के ऊपर एक प्ले बटन।

    रिकॉर्डिंग में कम समय। बनाने में ज़्यादा।

    बदली जा सकने वाली गति, समझदार नियंत्रण और आज के क्रिएटर्स के लिए बने एक्सपोर्ट विकल्पों से वेबसाइट रिकॉर्डिंग को स्वचालित कीजिए।