Back to Blog home

Qt for WebAssembly - check out the examples!

Published on Tuesday May 22, 2018 by Eskil Abrahamsen Blomfeldt in cross-platform Dev Loop OpenGL Qt qt quick Qt Quick Controls 2 WebAssembly | Comments

WebAssembly is now supported by all major web browsers as a binary format for allowing sand-boxed executable code in web pages that is nearly as fast as native machine code. Qt for WebAssembly makes it possible to run Qt applications on many web browsers without any download steps or special server requirements (other than serving the wasm file).

To give you a closer look, we compiled some demos. For best performance, use Firefox.

Here is the complete list along with some descriptions:

http://example.qt.io/qt-webassembly/opengl/hellowindow/hellowindow.html
An example which renders a Qt logo using OpenGL calls. This example shows that you can also use this for custom OpenGL code.

http://example.qt.io/qt-webassembly/SensorTagDemo/SensorTagDemo.html
A larger example of an interesting industry automation use case. In principle, it is possible to show live data retrieved using Qt WebSockets, but this is just showing generated dummy data for illustration purposes.

http://example.qt.io/qt-webassembly/quickcontrols2/gallery/gallery.html
A gallery of available controls in Qt Quick Controls 2. This shows that you can use Qt Quick and Qt Quick Controls 2 to make your web-deployed applications.

http://example.qt.io/qt-webassembly/widgets/richtext/textedit/textedit.html
A simple text editor, written with Qt Widgets. This example shows that you can also use Qt Widgets to create your web-deployed applications.

So go ahead -- Get Qt from your Qt Account or qt.io/download and try Qt for WebAssembly today and let us know what you think!

 

Subscribe to Our Blog

Stay up to date with the latest marketing, sales and service tips and news.

We are updating our comment system and you could face some issues. Please write to us at feedback@qt.io to report issues/bugs.