Marquee (डिजिटल साइनबोर्ड)
फुलस्क्रीन एनिमेटेड टेक्स्ट के लिए डिजिटल साइनबोर्ड ऐप। सामान्य उपयोग के मामले: शॉप विंडो की घोषणाएं, इवेंट रिसेप्शन, कैफे में "5 मिनट में वापस", सेकेंडरी मॉनिटर पर प्रेरक बैनर, ओपन ऑफिस में किसी को बुलाने के लिए संकेत।
क्या करता है
- टेक्स्ट लिखें, एनिमेशन प्रभाव, पृष्ठभूमि रंग, टेक्स्ट रंग, गति चुनें
- 1 कुंजी के साथ फुलस्क्रीन मोड (
Fया⛶बटन) - किसी भी मॉनिटर पर काम करता है — बस विंडो को किसी अन्य स्क्रीन पर खींचें और फुलस्क्रीन करें
उपलब्ध प्रभाव
| प्रभाव | व्यवहार |
|---|---|
| क्षैतिज स्क्रॉल | टेक्स्ट दाएं से बाएं स्लाइड करता है (क्लासिक साइनबोर्ड) |
| लंबवत स्क्रॉल | टेक्स्ट ऊपर उठता है (फिल्म क्रेडिट) |
| फेड इन/आउट | टेक्स्ट केंद्रित होकर पल्स करता है |
| बाउंस | टेक्स्ट कोने से कोने तक उछलता है |
| ग्लो | नियॉन पल्स, काले पृष्ठभूमि के लिए आदर्श |
| वेव | अक्षर लहराते हैं (रेट्रो प्रभाव) |
| स्थिर | टेक्स्ट स्थिर (सरल बैनर) |
रंग और पृष्ठभूमि
- टेक्स्ट रंग: HEX पिकर
- पृष्ठभूमि रंग: HEX पिकर
- प्रीसेट (टॉगल): काला/सफेद, काला/नियॉन हरा, काला/पीला (चेतावनी संकेत), लाल/सफेद (आपातकाल), नीला/सफेद (कॉर्पोरेट)
- ग्रेडिएंट टॉगल: पृष्ठभूमि नरम ग्रेडिएंट में बदल जाती है (3 प्रीसेट)
गति
स्लाइडर 0.5×〜5×। डिफ़ॉल्ट 1× (30 चार के टेक्स्ट को पार करने में ~10 सेकंड)।
फुलस्क्रीन मोड
ऊपरी दाएं कोने पर ⛶ क्लिक करें या F दबाएं। Esc के साथ बाहर निकलें।
फुलस्क्रीन में:
- वॉलपेपर, डॉक, मेनूबार गायब हो जाते हैं
- विंडो नियंत्रण (X, _, ▢) गायब हो जाते हैं
- 3 सेकंड तक न हिलने के बाद कर्सर छिप जाता है
मोबाइल सर्वोत्तम अभ्यास: अभिविन्यास लॉक करें। लैंडस्केप में, लंबा टेक्स्ट अधिक फिट होता है।
मोबाइल
स्मार्टफोन/टैबलेट पर काम करता है। शीर्ष पर मोबाइल ड्रॉवर बटन नियंत्रणों को प्रकट करता है। मोबाइल फुलस्क्रीन में, नियंत्रणों को वापस लाने के लिए निचले किनारे से ऊपर स्वाइप करें।
हल किया गया एंटी-पैटर्न (2026-04-26)
पुराने संस्करण ने कस्टम फुलस्क्रीन इशारों को कैप्चर करने के लिए <html> पर touch-action: none लागू किया। बग: यदि ऐप को OS-स्तर के स्वाइप-डाउन (बटन से नहीं) से बंद किया गया, तो क्लास वैश्विक रूप से अटक जाती थी और पेज रीलोड तक सभी बाद के ऐप्स की स्वाइप-टू-क्लोज तोड़ देती थी।
फिक्स: अब ब्राउज़र के नेटिव Fullscreen API (element.requestFullscreen()) का उपयोग करता है जो विनाश पर स्वतः-समाधान करता है। <html> पर कोई वैश्विक क्लासें नहीं।
कीबोर्ड शॉर्टकट
| कुंजी | क्रिया |
|---|---|
F | फुलस्क्रीन टॉगल |
Esc | फुलस्क्रीन से बाहर निकलें |
Space | एनिमेशन रोकें/फिर शुरू करें |
↑ / ↓ | गति बढ़ाएं/घटाएं |
← / → | प्रभाव बदलें |
सीमाएं
- अभी तक प्रीसेट नहीं सहेजता (बंद करने पर टेक्स्ट खो जाता है)
- कोई प्लेलिस्ट नहीं (5 संदेशों के बीच घुमाना)
- बिना ध्वनि
- छवियां आयात नहीं (केवल टेक्स्ट)
ये v2 के रोडमैप पर हैं जब मांग न्यायसंगत हो।
वास्तविक उपयोग के मामले
| सेटअप | कॉन्फ़िगरेशन |
|---|---|
| शॉप विंडो "5 मिनट में वापस" | काली पृष्ठभूमि, पीला टेक्स्ट, धीमी क्षैतिज स्क्रॉल (0.7×) |
| इवेंट रिसेप्शन "Welcome to ROADSHOW 2026" | नियॉन हरा ग्लो, स्थिर |
| वर्तमान वक्ता के नाम के साथ शो पॉइंट | कॉर्पोरेट नीला ग्रेडिएंट, फेड इन/आउट 2 सेकंड |
| "बैठक उपयोग में" दरवाजा | लाल/सफेद, बाउंस |
| सेकेंडरी डेस्कटॉप प्रेरक बैनर | वेव + ग्रेडिएंट पृष्ठभूमि, 1× गति |
संदर्भ
src/config/apps.jsमें पंजीकृत ऐप (id: 'marquee'खोजें)- घटक:
src/components/roqueos/apps/ROSMarquee.vue - रिग्रेशन नियम
.claude/rules/10-ui-patterns.mdका "एंटीपैटर्न:<html>/<body>में वैश्विक क्लासें" अनुभाग