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

स्क्रॉल रिकॉर्डिंग में झटके देता माउस व्हील और असमान फ़्रेम रेट कैसे रोकें

स्क्रॉल होती वेबसाइट की स्क्रीन रिकॉर्डिंग क्यों अटकती, थरथराती या फ़्रेम गिराती है, और हर वजह का इलाज: व्हील, रिकॉर्डर, डिस्प्ले और ख़ुद पेज।

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

छोटा जवाब

झटकेदार स्क्रॉल रिकॉर्डिंग की आम तौर पर पाँच वजहें होती हैं: खाँचों वाला माउस व्हील जो पेज को टुकड़ों में खिसकाता है, बदलता फ़्रेम रेट लिखने वाला रिकॉर्डर, लगातार गति के लिए बहुत कम फ़्रेम रेट, रिकॉर्डिंग से अलग दर पर रिफ़्रेश होता डिस्प्ले, और ऐसा भारी पेज जो साथ नहीं दे पाता। व्हील के बजाय स्क्रिप्ट से स्क्रॉल कराइए, स्थिर 60 fps पर रिकॉर्ड कीजिए, और पेज को पहले से लोड कर लीजिए। या वीडियो URL से बनाइए, जहाँ हर फ़्रेम गणना से बनता है और कोई फ़्रेम गिर नहीं सकता।

पहले अपनी वजह पहचानिए

झटकेदार स्क्रॉल रिकॉर्डिंग के लक्षण और उनकी वजहें
आपको क्या दिखता हैसंभावित वजह
पेज रुक-रुककर चलता है, बीच में छोटे-छोटे ठहराव के साथखाँचों वाला माउस व्हील, जिसे ब्राउज़र एक-एक खाँचा करके सहज करता है
रफ़्तार बढ़ती-घटती रहती है, कभी एक जैसी नहींट्रैकपैड पर उँगली का झटका और उसके बाद का फिसलना
स्क्रीन पर सहज, पर फ़ाइल या एडिटर में अटकता हुआबदलते फ़्रेम रेट वाली रिकॉर्डिंग
तेज़ स्क्रॉल पर एक नियमित, लयबद्ध थरथराहटप्रति सेकंड बहुत कम फ़्रेम, या डिस्प्ले की दर से मेल न खाना
एक पल को जम जाता है, फिर आगे कूद जाता हैपेज या मशीन का फ़्रेम गिराना: देर से लोड होती इमेज, भारी स्क्रिप्ट, जूझता हुआ एनकोडर

1. माउस व्हील टुकड़ों में चलता है

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

  • सबसे अच्छा इलाज: व्हील इस्तेमाल ही मत कीजिए। पेज को किसी स्क्रिप्ट से तय रफ़्तार पर स्क्रॉल कराइए; ऑटो-स्क्रॉल गाइड में कॉपी करने के लिए एक स्क्रिप्ट है।
  • अगर हाथ से ही स्क्रॉल करना है: खाँचों वाले व्हील से बेहतर है खुलकर घूमने वाला व्हील, या ट्रैकपैड पर एक जैसी धीमी खिंचाई, पर कोई भी हाथ बीस सेकंड तक एक रफ़्तार नहीं रख पाता।

2. रिकॉर्डर बदलता फ़्रेम रेट लिखता है

कई बिल्ट-इन रिकॉर्डर, जिनमें macOS का स्क्रीनशॉट टूलबार और QuickTime शामिल हैं, फ़्रेम तभी लिखते हैं जब स्क्रीन पर कुछ बदलता है। इससे जगह बचती है, पर फ़्रेमों के बीच का अंतर घटता-बढ़ता रहता है, और वीडियो एडिटर और कुछ प्लेयर इसे ठीक से नहीं सँभालते: तय टाइमलाइन में बिठाने के लिए फ़्रेम दोहराए या गिराए जाते हैं, और स्क्रॉल थरथराने लगता है।

  • ऐसे टूल से रिकॉर्ड कीजिए जो स्थिर फ़्रेम रेट लिखता हो, जैसे OBS Studio, और उसे 60 fps पर रखिए।
  • अगर आपके पास पहले से बदलते फ़्रेम रेट वाली फ़ाइल है, तो एडिट करने से पहले उसे स्थिर रेट में बदल लीजिए। HandBrake का “Constant Framerate” विकल्प यही करता है।

3. लगातार गति के लिए बहुत कम फ़्रेम

स्क्रॉल में हर फ़्रेम पर हर पिक्सेल हिलता है। 30 fps पर हर फ़्रेम 60 के मुक़ाबले दोगुनी दूरी कूदता है, और ज़्यादा टेक्स्ट वाले पेजों पर आँख ये छलाँगें देख लेती है। 24 fps फ़िल्म की दर है और फ़िल्म के लिए ठीक है; किसी भी रफ़्तार से स्क्रॉल होते पेज पर यह तीनों में सबसे कम सहज दिखता है।

जब गति ही असली बात हो, तो 60 fps पर रिकॉर्ड और एक्सपोर्ट कीजिए। 30 पर सिर्फ़ छोटी फ़ाइलों के लिए जाइए, और तब स्क्रॉल धीमा कर दीजिए। ज़्यादातर टूल GIF को कम फ़्रेम रेट पर सीमित रखते हैं, इसलिए GIF स्क्रॉल छोटे और धीमे रखिए।

4. डिस्प्ले और रिकॉर्डिंग में तालमेल नहीं

अगर आपका डिस्प्ले 120 या 144 Hz पर रिफ़्रेश होता है और आप 60 fps पर रिकॉर्ड करते हैं, तो रिकॉर्डर लगभग हर दूसरा फ़्रेम ही रखता है, और वेरिएबल रिफ़्रेश वाले डिस्प्ले पर वह भी बराबर अंतर पर नहीं। रिकॉर्ड करते समय डिस्प्ले को 60 Hz पर रखने से रिकॉर्डर को एक-के-बदले-एक मेल मिलता है। ProMotion वाले Mac पर यह सेटिंग Displays में Refresh Rate के नीचे है।

5. पेज साथ नहीं दे पाता

  • देर से लोड होने वाली इमेज ठीक उसी पल डिकोड होती हैं जब वे स्क्रॉल होकर सामने आती हैं, और यह काम फ़्रेम छीन लेता है। रिकॉर्ड करने से पहले नीचे तक स्क्रॉल करके वापस आइए, ताकि सब कुछ लोड हो चुका हो।
  • स्क्रॉल से जुड़ी भारी स्क्रिप्ट, वीडियो बैकग्राउंड या WebGL इफ़ेक्ट वाले पेज मशीन पर ज़ोर डालते हैं। दूसरे ऐप और ब्राउज़र टैब बंद कर दीजिए।
  • एक साथ रिकॉर्डिंग और एनकोडिंग, CPU के लिए पेज से होड़ करती है। अगर रिकॉर्डर में हार्डवेयर एनकोडर है, तो वही इस्तेमाल कीजिए।

वह इलाज जो पाँचों को हटा देता है

ऊपर की हर वजह असली स्क्रीन पर रियल टाइम में गति कैप्चर करने से आती है। रेंडरर इनमें से कुछ नहीं करता। Website Scroll Video पेज को एक बार पढ़ता है, इमेज और फ़ॉन्ट का इंतज़ार करता है, फिर हिसाब लगाता है कि हर फ़्रेम पर पेज कहाँ होना चाहिए और उसे बनाता है। न टुकड़ों में चलने वाला व्हील, न मिलाने को कोई डिस्प्ले दर, न कोई समय-सीमा जिससे कोई फ़्रेम चूक जाए, इसलिए पेज चाहे जितना लंबा या भारी हो, आउटपुट तय 24, 30 या 60 fps पर टिका रहता है।

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

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

हाल की खोजें

    सवाल और जवाब

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

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

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

    क्या वेबसाइट स्क्रॉल वीडियो के लिए 30 fps काफ़ी है?

    धीमे स्क्रॉल और छोटी फ़ाइलों के लिए यह चल जाता है। इससे तेज़ किसी भी चीज़ के लिए 60 fps साफ़ तौर पर ज़्यादा सहज है, क्योंकि हर फ़्रेम पेज को आधी दूरी ही खिसकाता है।

    बदलते फ़्रेम रेट वाली रिकॉर्डिंग कैसे ठीक करें?

    एडिट करने से पहले उसे स्थिर फ़्रेम रेट में दोबारा एनकोड कीजिए, जैसे HandBrake की Constant Framerate सेटिंग से, या OBS जैसे किसी टूल से दोबारा रिकॉर्ड कीजिए जो स्थिर रेट लिखता है।

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

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

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