Build एआई के साथ एक कस्टम रिमोट

PLAYDECK पहले से ही आपको दो आरामदायक रिमोट देता है: बिटफ़ोकस साथी यदि आपके पास Stream डेक या ATEM है, और अंतर्निहित वेब रिमोट अगर आप बस एक ही वाई-फाई पर ब्राउज़र चाहते हैं।.

कस्टम रिमोट तीसरा रास्ता है। आप पेस्ट करते हैं एक एचटीएमएल फ़ाइल, PLAYDECK इसे इस पीसी पर सर्व करता है, और आपका फोन इसे QR कोड के साथ खोलता है। ChatGPT, Gemini या Claude केवल उस फ़ाइल को फिर से लिखते हैं। PLAYDECK कभी भी AI से बात नहीं करता, और आप कभी भी प्लेआउट मशीन के अंदर कोई चैटबॉट इंस्टॉल नहीं करते।.

यह उस काम के लिए है जिसे वेब रिमोट के लिए डिज़ाइन नहीं किया गया है: एक फ्लोर मैनेजर जिसके लिए केवल तीन बड़े बटन चाहिए, एक प्रोड्यूसर जिसे शेष समय ट्रक के आकार का चाहिए, एक शो जिसे एक अतिरिक्त कमांड चाहिए जो स्टॉक UI नहीं दिखाता। आप काम को साधारण भाषा में वर्णित करते हैं। AI HTML लौटाता है। आप इसे वापस पेस्ट करते हैं।.

PLAYDECK प्रोग्राम फ़ोल्डर के अंदर की फ़ाइलों को संपादित न करें। अपडेट्स उन्हें ओवरराइट कर देते हैं। कस्टम रिमोट वह फोर्क है जो अपडेट के बाद भी बरकरार रहता है।.

इस लेख में:
आपको क्या मिलता है
नमूना का उपयोग करें (यहाँ से शुरू करें)
AI को इसे बदलने दो
कमांड और लाइव स्थिति
वेब रिमोट को आधार के रूप में उपयोग करना
अगर कुछ काम नहीं करता


आपको क्या मिलता है

सेटिंग्स → रिमोट नियंत्रण → कस्टम रिमोट।.

PLAYDECK आपके HTML को संग्रहीत करता है और इसे एक स्थिर पते पर परोसता है:

http://YOUR-PC:11411/custom

जब आप नया लेआउट पेस्ट करते हैं तो URL नहीं बदलता। बॉक्स के बगल में मौजूद QR उसी पते को एन्कोड करता है। फोन और PLAYDECK पीसी को एक ही Wi-Fi पर होना चाहिए। यदि पेज खाली रहता है, तो TCP पोर्ट की अनुमति दें। 11411 फ़ायरवॉल में (वही पोर्ट जिसका उपयोग Companion और Web Remote पहले से ही करते हैं)।.

हमेशा केवल ही होता है एक कस्टम रिमोट। एक बॉक्स, एक फ़ाइल, एक QR। यह जानबूझकर है। आप कोई वेबसाइट होस्ट नहीं बना रहे हैं। आप इस शो के लिए रिमोट बना रहे हैं।.

बिल्ट-इन वेब रिमोट रहता है / (पोर्ट 11411 की जड़)। कंपेनियन स्टेज़ कंपेनियन ही रहता है। ओवरले और डायरेक्टर व्यू अपने स्वयं के टेम्पलेट्स बनाए रखते हैं। कस्टम रिमोट उन्हें प्रतिस्थापित नहीं करता।.


नमूना का उपयोग करें (यहाँ से शुरू करें)

यदि आपने यह पहले कभी नहीं किया है, तो खाली पेज से शुरू न करें और वेब रिमोट से शुरू न करें। Sample से शुरू करें। यह फोन-फर्स्ट बटन बोर्ड है: दो चैनल, मोटी ट्रांसपोर्ट कीज़, अगले क्लिप/अगले ब्लॉक समान मोड्स में जो Companion उपयोग करता है (Cue, Play, Cue+Play, Fade)। यह क्लिप का नाम दिखाता है, बीता हुआ, शेष, और बाकी ब्लॉक. अनंत क्लिप और ब्लॉक ∞ दिखाते हैं (कभी-कभी  (लूप समय सहित)। यह वही टेक्स्ट है जो PLAYDECK प्रगति बार में दिखाता है। हम कोई नकली काउंटडाउन नहीं बनाते।.

  1. सेटिंग्स → रिमोट नियंत्रण → कस्टम रिमोट।.
  2. क्लिक करें नमूना लोड करें.
  3. क्लिक करें कस्टम रिमोट सहेजें और खोलें.
  4. अपने फोन के कैमरे से QR स्कैन करें, या फोन के ब्राउज़र में पता खोलें।.

आपको बिना पहले कमांड सूची पढ़े प्लेलिस्ट को क्यू, प्ले, पॉज़ और स्टॉप करने तथा प्लेलिस्ट की शुरुआत से कूदने और क्लिप-दर-क्लिप/ब्लॉक-दर-ब्लॉक आगे बढ़ने में सक्षम होना चाहिए।.

वह सैंपल वही फ़ाइल है जिसे आप AI को देते हैं। इसमें पहले से ही केवल वही तकनीकी अनुबंध शामिल है जो मायने रखता है: एक स्क्रिप्ट टैग और बटनों पर लिखे गए PLAYDECK कमांड।.


AI को इसे बदलने दो

HTML बॉक्स में सब कुछ कॉपी करें। इसे ChatGPT (या Gemini / Claude) में पेस्ट करें। बताएं कि रिमोट किस लिए है, न कि कौन सी JavaScript लाइब्रेरी का उपयोग करना है।.

हर प्रॉम्प्ट में इसे शामिल करें:

लाइन बनाए रखें <script src="/playdeck-remote.js"></script>. अपना खुद का WebSocket न खोलें। playdeck-remote.js को फिर से न लिखें।. डेटा-सीएमडी यह कमांड्स सूची से एक PLAYDECK कमांड है।. डेटा-बाइंड लाइव स्थिति दिखाता है।.

फिर जॉब जोड़ें, उदाहरण के लिए:

फ्लोर मैनेजर, केवल चैनल 1

इसे फ्लोर मैनेजर आईपैड बनाएं। केवल चैनल 1। शेष समय विशाल। तीन बटन: प्ले, पॉज़, अगला क्लिप प्ले। गहरा बैकग्राउंड, कोई सुनहरा बॉर्डर नहीं, बड़े टैप टारगेट।.

फिर से स्टाइल करें, बटन रखें

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

एक अतिरिक्त क्रिया जोड़ें

नमूने को जैसा है वैसा ही रखें। चैनल 1 के नीचे एक बटन जोड़ें जो भेजता है स्टार्टओवरले|1|1. इसे OVERLAY 1 लेबल करें।.

AI द्वारा लौटाया गया HTML बॉक्स में वापस पेस्ट करें → सहेजें और खोलें → फोन को रीलोड करें। यदि AI ने स्क्रिप्ट टैग छोड़ दिया, तो जब आप सेव करते हैं, PLAYDECK इसे वापस डाल देता है। यदि AI ने बटन नाम जैसे बनाए शीर्ष से या अगला असली कमांड्स के बजाय, वे कीज़ कुछ नहीं करेंगी — कमांड्स लिस्ट कमांड को वापस चालू करें। डेटा-सीएमडी.

आप Ctrl+V से बॉक्स में पेस्ट कर सकते हैं। अलग से पेस्ट बटन नहीं है। बॉक्स को बदलने के लिए Load Sample / Load Web Remote का उपयोग करें और सहेजें। Save और Open किए बिना बॉक्स में टाइप करने से फोन अपडेट नहीं होता।.


कमांड और लाइव स्थिति

सहायक स्क्रिप्ट /प्लेडैक-रिमोट.जेएस केवल WebSocket से ही बात करता है। आप उस फ़ाइल को AI में कॉपी नहीं करते। आप इसे फिर से नहीं लिखते। HTML ही बातचीत में एकमात्र फ़ाइल है।.

एक बटन एक PLAYDECK कमांड है, वही परिवार जिसका उपयोग Companion की कस्टम कमांड करती है:





लाइव टेक्स्ट है डेटा-बाइंड और डेटा-चैनल:

<div data-bind="channelName" data-channel="1"></div>
<div data-bind="clipName" data-channel="1"></div>
<div data-bind="elapsed" data-channel="1"></div>
<div data-bind="remain" data-channel="1"></div>
<div data-bind="blockRemain" data-channel="1"></div>
<div data-bind="blockName" data-channel="1"></div>


अवधि और शेष क्लिप समय हैं। ब्लॉक शेष ब्लॉक है। अनंत ∞ दिखाता है।.

पूर्ण कमांड सूची PLAYDECK में है: मुख्य मेनू → दस्तावेज़ीकरण। यदि आप इसे Companion से कस्टम कमांड के रूप में भेज सकते हैं, तो आप इसे जोड़ सकते हैं। डेटा-सीएमडी.

यदि किसी पेज को ऐसी लॉजिक की आवश्यकता हो जिसे एट्रिब्यूट्स (जैसे स्पॉट काउंटर, रनडाउन टेबल) से नहीं किया जा सकता, तो वह अतिरिक्त जावास्क्रिप्ट वहीं होना चाहिए। उसी HTML फ़ाइल में. उपयोग करें प्लेडेक रिमोट।सेंड('प्ले|1') और प्लेडेक रिमोट ऑनस्टेटस(...). अभी भी एक ही फ़ाइल, अभी भी दूसरा WebSocket नहीं।.


वेब रिमोट को आधार के रूप में उपयोग करना

सैंपल वह रास्ता है जो एआई के साथ अच्छी तरह काम करता है: कुछ ही बटन, थोड़ा सा कोड।.

कभी-कभी आप सच में चाहते हैं निक का वेब रिमोट — क्लिप सूची, प्रगति बार, चैनल टैब — लेकिन ग्रे की जगह नारंगी, या एक बड़ी घड़ी, या छिपे हुए टैब। फिर:

  1. कस्टम रिमोट → वेब रिमोट लोड करें → सहेजें और खोलें।.
  2. अब आपके पास अंतर्निहित वेब रिमोट की एक प्रति है /अनुकूलित. मूल वेब रिमोट पर / अपरिवर्तित है।.
  3. उस HTML को एक सख्त नियम के साथ AI में कॉपी करें:

यह पेज PLAYDECK वेब रिमोट है। केवल CSS और लेबल बदलें। प्लेलिस्ट, प्रगति बार या चैनल टैब बनाने वाला जावास्क्रिप्ट फिर से न लिखें। बनाए रखें। <script src="/playdeck-remote.js"></script>.

यदि AI उस जावास्क्रिप्ट को “सरलीकृत” कर देता है, तो क्लिप सूची आमतौर पर बंद हो जाती है। वेब रिमोट को फिर से लोड करें और केवल रंगों के लिए एक छोटी अनुरोध के साथ पुनः प्रयास करें।.

लोगों को कभी संपादित करने के लिए न कहें। वेबरिमोट.html डिस्क पर रखें और अगली पुनःस्थापना के लिए एक बैकअप रखें। कस्टम रिमोट का यही उद्देश्य है।.


अगर कुछ काम नहीं करता

खाली फोन पेज. क्या यह PLAYDECK PC जैसा ही Wi-Fi है? क्या TCP 11411 की अनुमति है? पहले PC पर 'सेव' और 'ओपन' आज़माएँ। पता है http://IP:11411/custom — https नहीं, कोई और पोर्ट नहीं।.

बटन कुछ नहीं करते. स्क्रिप्ट टैग बना रहना चाहिए।. डेटा-सीएमडी वास्तविक कमांड होना चाहिए (नौकरी|1, नहीं बजानासहेजने और खोलने के बाद पुनः लोड करें।.

समय अटका या सूची पुरानी.फोन को पुनः लोड करें। वेब रिमोट कॉपी के लिए कुछ सेकंड प्रतीक्षा करें — वह पेज थोड़े अंतराल पर प्लेलिस्ट डेटा रिफ्रेश करता है।.

घड़ी के बजाय ∞.क्लिप या ब्लॉक की अवधि अनंत है (लाइव, लूप, क्लॉक)। प्लेडेक भी यही दिखाता है।.

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

साथी / Stream डेक.हार्डवेयर के लिए Companion का उपयोग जारी रखें। कस्टम रिमोट फोन या टैबलेट पर HTML है, यह मॉड्यूल का विकल्प नहीं है।.