इंस्टॉल गाइड

अपने अलर्ट मिनटों में इंस्टॉल करें

OBS और Streamlabs के लिए FrameWork Alerts की पूरी गाइड — वीडियो के साथ और लिखित स्टेप में।

Streamlabs + OBS

हर FrameWork अलर्ट एक ही तरह इंस्टॉल होता है: OBS में एक Browser Source, Streamlabs में एक Text Over Image वेरिएशन, और आपके डाउनलोड किए पैक के Custom Fields। एक बार वीडियो देखें, या नीचे दिए लिखित स्टेप फ़ॉलो करें।

पूरी वीडियो गाइड अंग्रेज़ी में · Streamlabs + OBS

भाग 1

OBS में Browser Source सेटअप

  1. अपना अलर्ट प्लेटफ़ॉर्म (Streamlabs) खोलें और Alerts सेक्शन में जाएं।

  2. जिस अलर्ट टाइप को सेट करना है, उसे चुनें (Followers, Subscribers, Donations वगैरह), और फ़ुल-स्क्रीन अलर्ट के लिए जो अलर्ट टाइप इस्तेमाल नहीं कर रहे, उनका निशान हटा दें।

  3. प्लेटफ़ॉर्म का दिया हुआ Widget URL कॉपी करें।

  4. OBS खोलें → नया सोर्स जोड़ें → Browser Source चुनें → उसे पहचानने लायक नाम दें (जैसे Alerts - Fullscreen)।

  5. कॉपी किया हुआ URL, URL फ़ील्ड में पेस्ट करें।

  6. Width और Height को अपने कैनवस रेज़ोल्यूशन के बराबर रखें:

    • यह आपको OBS में Settings → Video → Base (Canvas) Resolution में मिलेगा

  7. “Shutdown source when not visible” चालू करें।

  8. OK पर क्लिक करें, और पक्का करें कि यह Browser Source आपकी सोर्स लिस्ट में सबसे ऊपर, बाकी सभी सोर्स के ऊपर हो।

भाग 2

अलर्ट वेरिएशन सेट करना

  1. अपने अलर्ट प्लेटफ़ॉर्म में चुने गए अलर्ट टाइप के लिए एक नया वेरिएशन जोड़ें, और उसे पहचानने लायक नाम दें।

  2. Layout को “Text Over Image” पर सेट करें (अलर्ट ठीक से दिखे, इसके लिए यह ज़रूरी है)।

  3. Image सेक्शन में अपनी अलर्ट फ़ाइल ड्रैग-एंड-ड्रॉप करें, फिर Select पर क्लिक करें।

  4. Alert Duration सेट करें:

    • अलर्ट चलाएं और उसकी कुल लंबाई नोट करें।
    • उसमें से 1 सेकंड घटाएं, और नतीजा Alert Duration फ़ील्ड में डालें।
    • उदाहरण: अगर अलर्ट 35 सेकंड का है → 34 सेकंड डालें।

  5. Sound → डिफ़ॉल्ट पर छोड़ दें (इसे न छुएं)।

  6. Alert Animation → Fade In / Fade Out पर सेट करें (सुझाया गया)।

  7. Text Animation और Font → अपनी पसंद के हिसाब से बदलें।

भाग 3

कस्टम HTML / CSS / JS जोड़ना

  1. Custom HTML/CSS टॉगल चालू करें।

  2. अपने अलर्ट फ़ोल्डर में वापस जाएं और “Custom Fields — For Full Screen Alerts” नाम की फ़ाइल खोलें।

  3. हर फ़ाइल कॉपी करके प्लेटफ़ॉर्म के संबंधित सेक्शन में पेस्ट करें:

    • HTML → HTML टैब में
    • CSS → CSS टैब में
    • JS → JS टैब में

  4. “Custom Fields” → “Edit Custom Fields” पर क्लिक करें → Custom Fields फ़ाइल पेस्ट करें।

  5. “Update Custom Fields” पर, फिर Save (नीचे दाईं ओर) पर क्लिक करें।

भाग 4

Custom Fields से बारीक सेटिंग

सेव करने के बाद, इन विकल्पों तक पहुंचने के लिए Custom Fields खोलें:

Text Delayअलर्ट चलाएं और स्क्रीन काली होते ही रोक दें। टाइमस्टैम्प नोट करें — हर अलर्ट के आख़िर में ~4 सेकंड की काली स्क्रीन होती है। ठीक वही टाइमस्टैम्प यहां डालें।
Text Horizontal Positionटेक्स्ट की दाएं/बाएं स्थिति तय करता है। बीच में रखने के लिए 50 करें।
Text Vertical Positionटेक्स्ट की ऊपर/नीचे स्थिति तय करता है। बीच में रखने के लिए 50 करें।
Alert Volumeडिफ़ॉल्ट रूप से पहले से ऑप्टिमाइज़ किया हुआ। ज़रूरत हो तो कम करें।

सब कुछ सेट हो जाने के बाद, यह ठीक से काम कर रहा है या नहीं, यह जांचने के लिए Test Alert पर क्लिक करें।

भाग 5

उसी सेक्शन के छोटे अलर्ट ठीक करना

अगर एक ही कैटेगरी में आपके पास फ़ुल-स्क्रीन और छोटा, दोनों तरह के अलर्ट हैं (जैसे फ़ुल-स्क्रीन Follower अलर्ट + छोटा Follower अलर्ट), तो दोनों एक ही विजेट लिंक इस्तेमाल करते हैं, इसलिए छोटा अलर्ट ग़लत साइज़ में दिखेगा। इसे ठीक करने के लिए ये स्टेप फ़ॉलो करें।

  1. छोटे अलर्ट का वेरिएशन खोलें।

  2. Custom HTML/CSS चालू करें।

  3. अपने अलर्ट फ़ोल्डर में वापस जाएं और “Custom Fields — For Non-Full-Screen Alerts” फ़ाइल खोलें।

  4. हर फ़ाइल कॉपी करके सही टैब में पेस्ट करें:

    • HTML → HTML टैब
    • CSS → CSS टैब
    • JS → JS टैब

  5. “Edit Custom Fields” पर क्लिक करें → Custom Fields फ़ाइल पेस्ट करें → “Update Custom Fields” पर क्लिक करें → Save पर क्लिक करें।

  6. इस वेरिएशन के Custom Fields खोलें और ये सेट करें:

    • Horizontal Position: 50 करें
    • Vertical Position: 25 करें
    • Image Size: तय करता है कि अलर्ट कितना बड़ा दिखेगा
    • Alert Layout: इसे Image Above पर सेट करें — Custom Fields वाले नहीं, प्लेटफ़ॉर्म के अपने लेआउट विकल्प से

आपके अलर्ट अब पूरी तरह इंस्टॉल और सेट हो गए हैं। अगर कोई समस्या आए, तो कृपया हमारी वेबसाइट से सपोर्ट टिकट भेजें, हम जल्द से जल्द आपसे संपर्क करेंगे।

किसी स्टेप पर अटक गए?

अपना प्लेटफ़ॉर्म और आप किस स्टेप पर हैं, यह लिखकर सपोर्ट टिकट भेजें — स्टूडियो आपको स्टेप-बाय-स्टेप आगे ले जाएगा।

सपोर्ट टिकट भेजें