Qt एवरीवेयर: WebAssembly और WebGL स्ट्रीमिंग

Qt एवरीवेयर - यह Qt स्रोतों के साथ अभिलेखागार का नाम है। WebAssembly और WebGL स्ट्रीमिंग को 5.12.0 में वितरित किया जाएगा और हर जगह अलग-अलग लगता है। तो कुछ प्रोटोटाइप करने के लिए कहा। वेब सॉकेट पर एक चैट प्रोटोटाइप को नेटवर्क समर्थन का परीक्षण करने के लिए जल्दी से तैनात किया गया था। बिल्ली के नीचे WebAssembly पर एक परियोजना को इकट्ठा करने और लॉन्च करने के निर्देश होंगे, C ++ से जावास्क्रिप्ट कॉल करने का एक उदाहरण।

WebAssembly के साथ Qt विधानसभा

सबसे पहले आपको टूलकिन ईस्मस्क्रिप्टेन लगाने की जरूरत है, जिसे हम क्यूटी एकत्र करेंगे। वातावरण चर सेट करने के लिए याद रखें ताकि qmake emcc पाता है। configure स्क्रिप्ट निम्न मापदंडों के साथ चलाई गई थी:

 ./configure \ -prefix /home/dmitry/Qt/5.12.0/wasm \ -xplatform wasm-emscripten \ -confirm-license -opensource \ -nomake tests \ -c++std c++1z \ -nomake examples \ -release \ -no-dbus \ -skip qtxmlpatterns \ -skip qttools 

आगे कहीं और:

 $ make $ make install 

विधानसभा और परियोजना का शुभारंभ

 $ ~/Qt/5.12.0/wasm/bin/qmake $ make $ emrun chat.html 

प्लेटफ़ॉर्म डिपेंडेंट कोड

Url को सिलाई जिस पर बैकेंड लटका हुआ है, बहुत अच्छा नहीं है, क्योंकि एक मनमाना बंदरगाह पर चलाना चाहते हैं। ब्राउज़र से काम के मामले में, आपको यह निर्धारित करने के लिए location.hostname और location.port लेने की आवश्यकता है कि बैकएंड कहां चल रहा है। ऐसा करने के लिए, आपको जावास्क्रिप्ट में थोड़ा लिखना होगा।

परिभाषित करने वाले प्रेमियों के लिए, Q_OS_WASM , लेकिन मैं Q_OS_WASM और व्यक्तिगत फ़ाइलों में कोड निकालना पसंद करता हूं। पिम्पल यहां बहुत ही कम है, लेकिन मैं कोड को विभिन्न फाइलों में फैला दूंगा

चलो किसी तरह का कॉन्फिडेंस मिलता है

 //config.h #pragma once #include <QtCore/QUrl> class Config { public: static QUrl wsUrl(); }; 

और दो कार्यान्वयन

 //config.cpp #include <QtCore/QCoreApplication> #include <QtCore/QCommandLineParser> #include "config.h" QUrl Config::wsUrl() { QCommandLineParser parser; QCommandLineOption wsOption(QStringList() << "u" << "url" , "WebSocket url" , "url" , "ws://localhost:1234"); parser.addOption(wsOption); parser.process(*QCoreApplication::instance()); return QUrl(parser.value(wsOption)); } 

 //config_wasm.cpp #include <QtCore/QByteArray> #include <emscripten/emscripten.h> #include <emscripten/html5.h> #include "config.h" QUrl Config::wsUrl() { QByteArray buff(1024, 0); EM_ASM_({ var url = "ws://"+ window.location.hostname + ":" + window.location.port + "/ws"; stringToUTF8(url, $0, $1); }, buff.data(), buff.size()); return QUrl(QString::fromUtf8(buff)); } 

यह प्रो फ़ाइल में रजिस्टर करने के लिए बनी हुई है

 wasm { SOURCES += config_wasm.cpp } else { SOURCES += config.cpp } 

EM_ASM_ जादू है जो आपको C ++ से जावास्क्रिप्ट कोड को कॉल करने की अनुमति देता है। यद्यपि यह जावास्क्रिप्ट के बिना किया जा सकता है

 emscripten::val location = emscripten::val::global("location"); auto host = QString::fromStdString(location["host"].as<string>()); auto protocol = QString::fromStdString(location["protocol"].as<string>()); 

ब्राउज़र का समर्थन

डेस्कटॉप ब्राउज़र: यह क्रोम, फ़ायरफ़ॉक्स, सफारी, एज में शुरू होता है और काम करता है (यहाँ मुझे प्रयोगात्मक जावास्क्रिप्ट कार्यों को सक्षम करना था)। हार्डवेयर के आधार पर, WebAssembly को संकलित करने में महत्वपूर्ण देरी हो सकती है।

क्रोम ऑन एंडोरिड में, WebAssembly को संकलित करने में मिनट लग सकते हैं। मैंने तुरंत मोबाइल ब्राउज़रों के लिए समर्थन की कमी पर ध्यान दिया, अर्थात् पाठ में प्रवेश करने की कोशिश करते समय सिस्टम कीबोर्ड पर कोई कॉल नहीं है।

आईओएस 12 पर सफारी यहां एप्लिकेशन संकलन वेबअवेशन के चरण में क्रैश हो जाता है और मैंने डीबजहिट नहीं किया। सैद्धांतिक रूप से, आप asm.js पर स्विच कर सकते हैं, लेकिन इसके लिए एक अलग अध्ययन की आवश्यकता होती है।

Qt त्वरित वेबजीएल

वेबलॉग पर रेंडरिंग के साथ ब्लॉग ने खुद को वेब सॉकेट्स पर VNC के रूप में तैनात किया। निर्भरताओं में से Qt WebSockets और Qt OpenGL ES 2 के समर्थन के साथ संकलित किया गया है बिना GPU के हार्डवेयर पर ड्राइविंग दर्दनाक होगी। इसका समर्थन करने के लिए, बस ऑनलाइन इंस्टॉलर में Qt WebGL स्ट्रीमिंग प्लगिन -platform webgl और -platform webgl या -platform webgl:port=80 -platform webgl साथ एप्लिकेशन को चलाएँ -platform webgl:port=80 विकल्प यदि आपको पोर्ट निर्दिष्ट करने की आवश्यकता है।

लेकिन इस तकनीक की अपनी सीमाएँ हैं:

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

जब स्क्रीन के बीच बदलाव पर StackView को एनिमेट करते हुए मैंने एफपीएस सैगिंग को भी देखा। WebGL स्ट्रीमिंग का लाभ:

• अंतर्निहित सर्वर;
• न्यूनतम प्रयास। मुझे क्यूटी को स्रोतों से संकलित करने और मौजूदा एप्लिकेशन को अलग से बनाने की आवश्यकता नहीं थी।

WebAssembly और WebGL स्ट्रीमिंग के लिए उपयोग

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

कुछ स्मार्ट घर के लिए वेब इंटरफ़ेस। ऐसा कुछ नहीं है कि MQTT को Qt तक पहुंचाया गया हो, लेकिन msorvig / qt-webassembly- उदाहरणों पर एक उदाहरण mqtt_simpleclient है । आपके पास एक सामान्य UI कोड हो सकता है जो टेबलेट और ब्राउज़र पर काम करता है।

कोड GitHub पर उपलब्ध है , उसी स्थान पर तैयार बायनेरिज़ ।