अंडरवाटर रैक स्मार्टटीवी विकास

नमस्कार, हेब्र!

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

हर कोई जो इस विषय में रुचि रखता है या नए ढांचे को देखने के लिए उत्सुक है, जो स्मार्टटीवी में भी हो सकता है, हम एक बिल्ली के लिए पूछते हैं।

चिड़ियाघर

शुरू करने के लिए, प्रकृति में कई स्मार्टटीवी प्लेटफॉर्म हैं और उनमें से कई वेब एप्लिकेशन लॉन्च करने के लिए तैयार हैं। यह भ्रम दे सकता है कि कोड को एक बार लिखने और सभी प्लेटफार्मों पर इसका उपयोग करने के लिए पर्याप्त है। लेकिन वास्तव में, सभी प्लेटफार्मों में कुछ अंतर होते हैं जिन्हें ध्यान में रखा जाना चाहिए। इन विशेषताओं के बीच, निम्नलिखित को प्रतिष्ठित किया जा सकता है:

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

प्रलेखन

इन प्लेटफार्मों के लिए प्लेटफार्मों और प्रलेखन की विविधता के अलावा, समस्या यह है कि कुछ निर्माता नए संस्करण जारी करते हैं, जो कई बार, कुछ स्थानों पर संगतता खो देते हैं, या यहां तक ​​कि नए प्लेटफार्मों पर भी स्विच करते हैं, जो मूल रूप से पिछले वाले (जैसे संक्रमण) के साथ असंगत हैं वेबसैट पर नेटकास्ट के साथ एलजी)। इसी समय, नए प्लेटफार्मों को गहन रूप से बढ़ावा दिया जा रहा है, जिससे पुराने प्लेटफार्मों पर जानकारी ढूंढना मुश्किल हो जाता है, क्योंकि प्रलेखन के कुछ खंड हटा दिए जाते हैं या स्थानांतरित हो जाते हैं, जो कभी-कभी रूपों पर युक्तियों में मृत लिंक का कारण बन सकता है।

स्थापना

फिर से, प्लेटफ़ॉर्म की विविधता के कारण, डिबगिंग उपकरणों पर स्वयं एप्लिकेशन इंस्टॉल करने की प्रक्रिया भी अलग है। उदाहरण के लिए, एंड्रॉइड टीवी के लिए आप एडीबी का उपयोग कर सकते हैं, टिज़न का अपना एनालॉग - एसडीबी है , वेबओएस विशेष सीएलपी स्क्रिप्ट के लिए, आदि। इनमें से प्रत्येक उपकरण को स्थापित और कॉन्फ़िगर करने की आवश्यकता है। यहां आप एसडीके और आईडीई के अद्यतन के साथ, गहन प्लेटफ़ॉर्म अपडेट की समस्या को जोड़ सकते हैं। इस तरह की समस्या का एक उदाहरण टिज़ेन स्टूडियो के साथ मामला है। नवीनतम संस्करण को डाउनलोड करने के बाद, आप केवल टीवी-सैमसंग टीवी 4 टीवी पर एप्लिकेशन इंस्टॉल कर सकते हैं, जबकि टीवी के पुराने संस्करणों पर एप्लिकेशन इंस्टॉल करने का कोई आसान तरीका नहीं है, जो प्रकृति में बहुत बड़े हैं (यदि आप अचानक इस समस्या का सामना करते हैं, तो लिंक देखें) और उसके बाद भी एक नृत्य के साथ सफल नृत्य, आईडीई टीवी टीवी-सैमसंग टीवी 4 TVs \ _ (¯) _ / TVs पर एप्लिकेशन इंस्टॉल करने की क्षमता खो देता है

संयम

आवेदन को प्रकाशित करने के लिए, संबंधित निर्माता से मॉडरेशन पास करना आवश्यक है, और उनमें से प्रत्येक के अपने नियम और विशेषताएं हैं। इस मामले में, आपको धैर्य रखने की आवश्यकता है, क्योंकि अनुप्रयोगों को एक सप्ताह से अधिक समय तक चेक किया जा सकता है और समय-सीमा की योजना बनाते समय इसे ध्यान में रखा जाना चाहिए, अर्थात। आवेदन को रिलीज से पहले अच्छी तरह से प्रकाशित करने की आवश्यकता है (यदि आप अचानक चिंतित हैं कि आवेदन किसी भी विपणन घटनाओं से पहले दिखाई देंगे - डरो मत, जब मॉडरेशन के लिए भेजना एक बिंदु है जहां आप एक तारीख निर्दिष्ट कर सकते हैं जिससे पहले आवेदन प्रकाशित नहीं होगा)।

आपको इस तथ्य के लिए भी तैयार रहने की आवश्यकता है कि अस्वीकृति का कारण कोई भी दुखद हो सकता है, उदाहरण के लिए, स्व चेकलिस्ट में एक गलत जवाब (प्रश्नों की एक सूची जो कि आवेदन भेजने से पहले डेवलपर को जवाब देना चाहिए, उदाहरण के लिए: "क्या आपके आवेदन में वायरस हैं", आदि) या UX एप्लिकेशन के विवरण में गलतफहमी के कारण। यह मजाकिया स्थितियों में आ सकता है, उदाहरण के लिए, एक ऐसा मामला था जब उन्होंने एक एप्लिकेशन को स्ट्रीमिंग टेलीविज़न चैनलों के साथ लपेट दिया, क्योंकि उन्होंने ग्राफिक्स के एक विरूपण साक्ष्य के रूप में चैनलों में से एक पर एक रेंगने वाली रेखा को ओएसडी के हिस्से के रूप में लिया।

AndroidTV और tvOS

हमें AndroidTV और TVOS का भी उल्लेख करना चाहिए ये प्लेटफ़ॉर्म वेब एप्लिकेशन के स्पष्ट लॉन्च का समर्थन नहीं करते हैं। TVOS के लिए, अपनी स्वयं की xml जैसी भाषा का उपयोग किया जाता है: TVML, और जो विशेष रूप से दिलचस्प है, आप इस भाषा को टाइप कर सकते हैं, लेकिन केवल कुछ निश्चित टेम्पलेट्स के भीतर, पूरी तरह से मनमाना कुछ करना काफी मुश्किल है। इस तरह के प्रतिबंधों की मदद से, टीवीओएस के लिए सभी अनुप्रयोगों को एक एकल शैली गाइड का पालन करने के लिए मजबूर किया जाता है, और यदि आप इससे दूर नहीं जाते हैं, तो आवेदन लिखने की प्रक्रिया सरल होगी।

Android पर, स्थिति बेहतर है, क्योंकि वेब एप्लिकेशन चलाने के तरीके हैं, हम उनमें से एक के बारे में थोड़ी देर बाद बात करेंगे।

हम ऐसा कैसे करते हैं

वास्तविकता का सामना करते हुए, हमने पहले मौजूदा समाधानों का अध्ययन किया, लेकिन दुर्भाग्य से मुझे सार्वभौमिक और सुविधाजनक कुछ भी पसंद नहीं आया: स्मार्टबॉक्स असुविधाजनक है, प्रतिक्रिया विशिष्ट टीवी समस्याओं को हल नहीं करती है, जैसे, वास्तव में, अन्य रूपरेखाएं जो अधिक वेब-उन्मुख हैं।

अब देखते हैं कि PureQML इससे कैसे निपटता है (जिसके बारे में हमने पहले ही यहाँ और यहाँ लिखा है )। संक्षेप में, यह एक js फ्रेमवर्क है जो एक qml जैसी भाषा में UI का वर्णन करने की अनुमति देता है, जो html, css और अन्य चीजों से अमूर्त अनुप्रयोगों को जल्दी से बनाने में मदद करता है। विशेष रूप से स्मार्टटीवी समस्याओं को हल करने के लिए, CC-BY-4.0 लाइसेंस के तहत एक अलग qmlcore- टीवी मॉड्यूल लिखा गया था, जो निम्नलिखित प्लेटफार्मों का समर्थन करता है:

• एलजी वेबओएस
• एलजी नेटकास्ट
• सैमसंग टिज़ेन
• सैमसंग ऑर्से
• ओपेरा टीवी
• Hisense
• AndroidTV

और यहां बताया गया है कि वह उपरोक्त समस्याओं को हल कैसे करता है:

• रिमोट कंट्रोल बटन प्रसंस्करण । समर्थित प्लेटफ़ॉर्म के लिए, कीकोड की मैपिंग कार्यान्वित की जाती है और क्लाइंट कोड में केवल वांछित हैंडलर लिखने के लिए पर्याप्त है, उदाहरण के लिए, रिमोट कंट्रोल के लाल फ़ंक्शन बटन के लिए, आप हैंडलर लिख सकते हैं:
  

  onRedPressed { /*   */ } 

• वीडियो प्लेयर खिलाड़ी के साथ काम करने के लिए, एक विशेष वीडियोप्लेयर घटक है जो वीडियो के साथ काम करने के लिए इंटरफ़ेस का वर्णन करता है, और प्लेटफॉर्म कार्यान्वयन का निर्माण मंच पर लक्ष्य प्लेटफॉर्म के लिए किया जाता है। निम्नलिखित उपयोग का एक उदाहरण है: फुल-स्क्रीन लिंक का उपयोग करके लूपेड वीडियो चलाना:
  
  

   VideoPlayer { width: 100%; height: 100%; autoPlay: true; source: "http://media.w3.org/2010/05/bunny/movie.mp4"; } 

• डिवाइस के बारे में जानकारी । डिवाइस के बारे में जानकारी प्राप्त करने के लिए, यह डिवाइस नियंत्रण का उपयोग करने के लिए पर्याप्त है, खिलाड़ी के साथ सादृश्य द्वारा, यह इंटरफ़ेस का वर्णन करता है, और कार्यान्वयन इकट्ठे मंच के लिए लिया जाता है। निम्नलिखित स्क्रीन पर डिवाइस आईडी के साथ पाठ प्रदर्शित करने के लिए एक उदाहरण कोड है:
  
  

   Device { id: device; } Text { text: “DeviceID: ” + device.deviceId; } 

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

   ./smart-tv-deployer/build -p webos -t myTV 

• AndroidTV । यहां, एंड्रॉइड के लिए, मूल भाषा जावा है, और वेब एप्लिकेशन को पोर्ट करने के लिए हमने कॉर्डोवा प्रोजेक्ट का उपयोग किया। यह ढांचा आपको एक WebView के साथ एक Android एप्लिकेशन जेनरेट करने की अनुमति देता है, जिसमें वेब एप्लिकेशन स्वयं लॉन्च किया जाता है। इसके अलावा, PureQML कोड को मूल में अनुवाद करने के लिए सक्रिय कार्य चल रहा है।

उदाहरण

एक उदाहरण के रूप में, हम दिखाते हैं कि स्मार्ट टीवी के पिछले लेख से एप्लिकेशन को कैसे पोर्ट किया जाए।

जैसा कि हमने ऊपर बताया, टीवी पर UX एक डेस्कटॉप ब्राउज़र से अलग है, और आपको रिमोट बटन के साथ काम करने के लिए कोड में कुछ बदलाव करने होंगे:

 onSelectPressed: { osd.toggleActive() } onBackPressed: { if (osd.active) osd.toggleActive() else _globals.closeApp() } 

इस कोड में, हमने "Select" और "Back" बटन दबाने के लिए प्रोसेसिंग को जोड़ा, जब आप OSD खोलने पर, OSD खुला होने पर, बंद होने पर, प्रेस करने पर OSD (स्टेशन के मानचित्र और स्थान के साथ एक) पर पहला एक बारी / बंद करें। एप्लिकेशन को स्वयं बंद करें।
अंतिम परिणाम वीडियो में देखा जा सकता है:

निष्कर्ष

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

आपका ध्यान के लिए धन्यवाद! =)

संदर्भ

परियोजना स्थल
गिथब पृष्ठ
स्रोत पृथ्वी-ऑनलाइन
टेलीग्राम सपोर्ट चैनल