АК
Александр Кузьминых26 жовтня 2017 р. 07:57

Запуск програм Qt у браузері завдяки використанню WebGL плагіна

Цікава особливість прийшла в Qt 5.10, це новий бекенд Qt, який використовує WebGL для візуалізації. Це дозволяє програмам Qt (з деякими обмеженнями) працювати у веб-браузері, який підтримує WebGL.

Що це таке?

У новому бек-енді використовується WebGL, що означає Web Graphic Library. WebGL - це API JavaScript для візуалізації 2D та 3D-графіки у будь-якому сумісному веб-браузері без використання плагінів. API нагадує OpenGL ES 2.0 і може використовуватися в елементах canvas HTML5.

Новий бек-енд буде представлений як технічна функція попереднього перегляду Qt 5.10.0 і включений у версії Alpha і Beta (на даний момент, Qt 5.10.0 є бета-версією на 1-му етапі розробки).

Останній вихідний код також доступний в Qt git http://code.qt.io/cgit/qt/qtwebglplugin.git/ .

Плагін поширюється або за ліцензією GPLv3, або за комерційними ліцензіями. Зверніть увагу, що він недоступний у LGPL. Одним із наслідків ліцензії GPL є те, що якщо ви посилаєтеся на неї (навіть динамічно), код вашої програми потрапляє під GPL.


Як це використовувати

Припустимо, що ви зібрали Qt 5.10 з плагіном WebGL, плагін буде доступний як бек-енд. Щоб використовувати його, передайте у вашу програму опцію -platform webgl , а потім відкрийте веб-браузер за адресою http://localhost:8080/ .

Плагін підтримує конфігурацію мережного порту, який використовується вбудованим HTTP-сервером. Якщо ви хочете використовувати HTTP-порт за промовчанням, ви можете, наприклад, використовувати опцію -platform webgl:port=80 .

Плагін встановлюється в QTDIR /plugins/platforms/libqwebgl.so (Windows шлях аналогічний).

Обмеження

З випусками Alpha та Beta 1 Qt 5.10.0 плагін WebGL успішно працював у системі Ubuntu Linux 17.04 з використанням браузера Chromium.

Він повинен працювати з іншими браузерами, які підтримують WebGL, включаючи мобільні та вбудовані браузери. Передбачається, що ви можете запустити його у поданні QtWebEngine замість звичайного браузера. Поки що ще немає документації (т.к. лише Beta 1), за винятком кількох повідомлень у блозі.

Плагін підтримує лише програми QML. Невідомо, чи підтримуватиме він віджети. За словами розробників, підтримку віджетів буде важко досягти з гарною продуктивністю, тому що вони покладаються на розтеризацію.

Ви можете подумати, що запуск у браузері означає, що програма буде працювати в пісочниці і не мати доступу до будь-яких ресурсів за межами браузера, наприклад файлів. Однак у браузері виконується тільки рендеринг, а сама програма працює як звичайна програма (проте вона може не працювати на тому ж комп'ютері, що і на дисплеї).

Досвід

З Qt 5.10.0 Beta 1 кілька прикладів QML, які були випробувані, працювали досить добре. Деякі з них зіткнулися з деякими проблемами, а деякі взагалі не запускалися. Ось скріншоти з кількох прикладів.

Текстовий редактор Qt Quick Controls:

Галерея швидкого керування Qt:

QML Photoviewer:

SameGame:

Висновок

У минулому рішення про розробку програми, яка може запускатися нативно або у веб-браузері, зазвичай мало на увазі використання стратегій, що значно відрізняються (наприклад, використання Qt/QML або використання HTML5). Припускаючи, що плагін WebGL стає стабільним і завершеним, він запропонує привабливий підхід для розробки веб-застосунків використовуючи Qt і для перетворення нативної програми Qt на базі QML на веб-додаток з мінімальними зусиллями. Проте, майте на увазі наслідки ліцензування, коли ви вирішуєте, чи використовувати комерційну або версію з відкритим кодом Qt.

Я з нетерпінням чекаю, коли плагін WebGL буде задокументований і стане більш завершеним у випуску Qt 5.10.0 наприкінці цього року

Посилання

1. http://blog.qt.io/blog/2017/10/09/qt-5-10-beta-released/
2. http://blog.qt.io/blog/2017/09/13/qt-5-10-alpha-released/
3. http://blog.qt.io/blog/2017/02/22/qt-quick-webgl-streaming/
4. http://blog.qt.io/blog/2017/07/07/qt-webgl-streaming-merged

Автор статті: Джефф Трентер Середа, 25 жовтня 2017 р

Рекомендуємо хостинг TIMEWEB
Рекомендуємо хостинг TIMEWEB
Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

Вам це подобається? Поділіться в соціальних мережах!

Коментарі

Only authorized users can post comments.
Please, Log in or Sign up
Дмитрий

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:60бали,
  • Рейтинг балів-1
Дмитрий

C++ - Тест 003. Условия и циклы

  • Результат:92бали,
  • Рейтинг балів8
d
  • dsfs
  • 26 квітня 2024 р. 14:56

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:80бали,
  • Рейтинг балів4
Останні коментарі
k
kmssr09 лютого 2024 р. 05:43
Qt Linux - Урок 001. Автозапуск програми Qt під Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Анатолий Кононенко05 лютого 2024 р. 12:50
Qt WinAPI - Урок 007. Робота з ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
EVA
EVA25 грудня 2023 р. 21:30
Boost - статичне зв&#39;язування в проекті CMake під Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
J
JonnyJo25 грудня 2023 р. 19:38
Boost - статичне зв&#39;язування в проекті CMake під Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
G
Gvozdik19 грудня 2023 р. 08:01
Qt/C++ - Урок 056. Підключення бібліотеки Boost в Qt для компіляторів MinGW і MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Тепер обговоріть на форумі
G
George1307 травня 2024 р. 10:27
добавить qlineseries в функции в функции: "GPlotter::addSeries(QString title, QVector &arr)" я вызываю метод setChart(...), я в конструктор передал адрес на QChartView элемент
BlinCT
BlinCT05 травня 2024 р. 15:46
Написать свой GraphsView Всем привет. В Qt есть давольно старый обьект дял работы с графиками ChartsView и есть в 6.7 новый но очень сырой и со слабым функционалом GraphsView. По этой причине я хочу написать х…
PS
Peter Son04 травня 2024 р. 03:57
Best Indian Food Restaurant In Cincinnati OH Ready to embark on a gastronomic journey like no other? Join us at App india restaurant and discover why we're renowned as the Best Indian Food Restaurant In Cincinnati OH . Whether y…
Evgenii Legotckoi
Evgenii Legotckoi03 травня 2024 р. 00:07
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.
IscanderChe
IscanderChe30 квітня 2024 р. 14:22
Во Flask рендер шаблона не передаётся в браузер Доброе утро! Имеется вот такой шаблон: <!doctype html><html> <head> <title>{{ title }}</title> <link rel="stylesheet" href="{{ url_…

Слідкуйте за нами в соціальних мережах