#interactivity — Public Fediverse posts

Adding a secondary screen to your Qt-based product is often expensive and complex. What if you could turn your users' smartphones, tablets, or laptops into an interface for your application instead?

In this video, Christoph Sterz demonstrates how to extend your existing Qt application with #WebRTC streaming, allowing it to be accessed from any device with a modern web browser. This solution functions like a high-performance live stream, but with a critical advantage: full bidirectional interaction.

Using #GStreamer, Christoph handles video capture and encoding directly on the #GPU, ensuring efficiency while maintaining low latency. We also utilize a specialized backchannel to send touch, keyboard, and mouse inputs from the browser back to your app, meaning users can operate your software remotely.

This video covers:
- High-Performance Streaming: Why we use GStreamer to keep video processing on the GPU.
- Full #Interactivity: How to implement the WebRTC backchannel for remote control.
- Implementation Guide: A walkthrough of the code and the streaming pipeline.
- Real-World Use Cases: From headless industrial #IoT devices to remote maintenance and offsite quality assurance.

Watch the full video: https://www.youtube.com/watch?v=BhJCvV8Z5-I

#QtDev #Embedded

Adding a secondary screen to your Qt-based product is often expensive and complex. What if you could turn your users' smartphones, tablets, or laptops into an interface for your application instead?

In this video, Christoph Sterz demonstrates how to extend your existing Qt application with #WebRTC streaming, allowing it to be accessed from any device with a modern web browser. This solution functions like a high-performance live stream, but with a critical advantage: full bidirectional interaction.

Using #GStreamer, Christoph handles video capture and encoding directly on the #GPU, ensuring efficiency while maintaining low latency. We also utilize a specialized backchannel to send touch, keyboard, and mouse inputs from the browser back to your app, meaning users can operate your software remotely.

This video covers:
- High-Performance Streaming: Why we use GStreamer to keep video processing on the GPU.
- Full #Interactivity: How to implement the WebRTC backchannel for remote control.
- Implementation Guide: A walkthrough of the code and the streaming pipeline.
- Real-World Use Cases: From headless industrial #IoT devices to remote maintenance and offsite quality assurance.

Watch the full video: https://www.youtube.com/watch?v=BhJCvV8Z5-I

#QtDev #Embedded

Concurrency, interactivity, mutability, choose two

https://www.n16f.net/blog/concurrency-interactivity-mutability-choose-two/

Comments: https://news.ycombinator.com/item?id=49065874

#HackerNews #Concurrency #interactivity #mutability #programming #blog

Concurrency, interactivity, mutability, choose two

https://www.n16f.net/blog/concurrency-interactivity-mutability-choose-two/

Comments: https://news.ycombinator.com/item?id=49065874

#HackerNews #Concurrency #interactivity #mutability #programming #blog

The Khronos Group today announced that the KHR_interactivity extension for glTF 2.0 has been submitted for ratification. As interactive 3D content becomes central to a growing range of markets, KHR_interactivity lets creators build portable, self-contained interactive behaviors — expressed as behavior graphs — into the glTF asset itself, eliminating the need to hard-code interactivity for every platform and application.

https://www.khronos.org/news/press/gltf-interactivity-extension-submitted-for-ratification?utm_medium=social&utm_source=mastodon&utm_campaign=glTF_Interactivity_Ratification&utm_content=press
#glTF #interactivity #coding

The Khronos Group today announced that the KHR_interactivity extension for glTF 2.0 has been submitted for ratification. As interactive 3D content becomes central to a growing range of markets, KHR_interactivity lets creators build portable, self-contained interactive behaviors — expressed as behavior graphs — into the glTF asset itself, eliminating the need to hard-code interactivity for every platform and application.

https://www.khronos.org/news/press/gltf-interactivity-extension-submitted-for-ratification?utm_medium=social&utm_source=mastodon&utm_campaign=glTF_Interactivity_Ratification&utm_content=press
#glTF #interactivity #coding

The Khronos Group today announced that the KHR_interactivity extension for glTF 2.0 has been submitted for ratification. As interactive 3D content becomes central to a growing range of markets, KHR_interactivity lets creators build portable, self-contained interactive behaviors — expressed as behavior graphs — into the glTF asset itself, eliminating the need to hard-code interactivity for every platform and application.

https://www.khronos.org/news/press/gltf-interactivity-extension-submitted-for-ratification?utm_medium=social&utm_source=mastodon&utm_campaign=glTF_Interactivity_Ratification&utm_content=press
#glTF #interactivity #coding #programming

The Khronos Group today announced that the KHR_interactivity extension for glTF 2.0 has been submitted for ratification. As interactive 3D content becomes central to a growing range of markets, KHR_interactivity lets creators build portable, self-contained interactive behaviors — expressed as behavior graphs — into the glTF asset itself, eliminating the need to hard-code interactivity for every platform and application.

https://www.khronos.org/news/press/gltf-interactivity-extension-submitted-for-ratification?utm_medium=social&utm_source=mastodon&utm_campaign=glTF_Interactivity_Ratification&utm_content=press
#glTF #interactivity #coding #programming

#Development #Techniques
Invisible but accessible interactive elements · Use cases and implementation techniques https://ilo.im/16edi0

_____
#Animations #Interactivity #Invisibility #Accessibility #WebDev #Frontend #HTML #CSS

#Development #Techniques
Invisible but accessible interactive elements · Use cases and implementation techniques https://ilo.im/16edi0

_____
#Animations #Interactivity #Invisibility #Accessibility #WebDev #Frontend #HTML #CSS

🚀 Behold, the pinnacle of tech progress: a browser-based robot simulator that lets you play God with WASD keys. 🙄 Watch in awe as it "compiles" and "loads," delivering the thrill of a mildly interactive PowerPoint. 🖱️ Next frontier: Excel macros for interplanetary travel! 🌌
https://bittlex-sim.petoi.com/ #techinnovation #browsergames #robotics #simulation #interactivity #spaceexploration #HackerNews #ngated

🚀 Behold, the pinnacle of tech progress: a browser-based robot simulator that lets you play God with WASD keys. 🙄 Watch in awe as it "compiles" and "loads," delivering the thrill of a mildly interactive PowerPoint. 🖱️ Next frontier: Excel macros for interplanetary travel! 🌌
https://bittlex-sim.petoi.com/ #techinnovation #browsergames #robotics #simulation #interactivity #spaceexploration #HackerNews #ngated

#Design #Approaches
Designing mutualistic interfaces · “There is another face on the other side of the interface.” https://ilo.im/16d0gi

_____
#Users #FaceToFace #Interface #UI #Interactivity #Humans #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Approaches
Designing mutualistic interfaces · “There is another face on the other side of the interface.” https://ilo.im/16d0gi

_____
#Users #FaceToFace #Interface #UI #Interactivity #Humans #ProductDesign #UxDesign #UiDesign #WebDesign

📰: Oh, the Herculean odyssey of making #PDFs that you can actually interact with—who knew it required a PhD in the arcane arts of .md and BIS H1H2H3H4H5 🤦‍♂️! But no worries, just master the ✨ mystic art ✨ of "clicking beside a block" and you're practically a wizard. 🔮✨
https://sdocs.dev/blogs/journey-to-pdf-generation #Interactivity #PDFMastery #MysticArt #TechHumor #UserExperience #HackerNews #ngated

📰: Oh, the Herculean odyssey of making #PDFs that you can actually interact with—who knew it required a PhD in the arcane arts of .md and BIS H1H2H3H4H5 🤦‍♂️! But no worries, just master the ✨ mystic art ✨ of "clicking beside a block" and you're practically a wizard. 🔮✨
https://sdocs.dev/blogs/journey-to-pdf-generation #Interactivity #PDFMastery #MysticArt #TechHumor #UserExperience #HackerNews #ngated

#Development #Guides
How to use CSS containment · An underused technique to improve UI interactivity https://ilo.im/16brsp

_____
#CSS #Rendering #Browsers #Interactivity #DesignSystems #WebDesign #WebPerf #WebDev #Frontend #DOM

#Development #Guides
How to use CSS containment · An underused technique to improve UI interactivity https://ilo.im/16brsp

_____
#CSS #Rendering #Browsers #Interactivity #DesignSystems #WebDesign #WebPerf #WebDev #Frontend #DOM

#Design #Guidelines
Agentic UX · 7 principles for designing systems with agents https://ilo.im/16bixe

_____
#AI #Agents #Interactivity #SystemDesign #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign

#Design #Guidelines
Agentic UX · 7 principles for designing systems with agents https://ilo.im/16bixe

_____
#AI #Agents #Interactivity #SystemDesign #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign

#Development #Guides
For the love of HTML ‘details’ · “An untapped treasure trove of interactivity.” https://ilo.im/169do0

_____
#HTML #Disclosure #Interactivity #Accessibility #Browser #WebDev #Frontend #CSS #JavaScript

#Development #Guides
For the love of HTML ‘details’ · “An untapped treasure trove of interactivity.” https://ilo.im/169do0

_____
#HTML #Disclosure #Interactivity #Accessibility #Browser #WebDev #Frontend #CSS #JavaScript

#Development #Findings
State of HTML 2025 · Trends in the web development ecosystem https://ilo.im/16978p

_____
#Survey #WebPlatform #Interoperability #Interactivity #Accessibility #Browser #WebPerf #WebDev #Frontend #HTML

#Development #Findings
State of HTML 2025 · Trends in the web development ecosystem https://ilo.im/16978p

_____
#Survey #WebPlatform #Interoperability #Interactivity #Accessibility #Browser #WebPerf #WebDev #Frontend #HTML

New blog: « A cup of tea, a hover, a glance, and Bergson »

https://antoninjousse.com/BLOG/ENGLISH/ARTICLES/007-tea-EN.html

#tea #blog #digitalart #web #atsukouda #internet #interactivity #art #research

Nouvel article sur mon blog : « Un thé, un hover, un regard et Bergson »

https://antoninjousse.com/BLOG/ARTICLES/007-tea.html

#tea #blog #digitalart #web #atsukouda #internet #interactivity #art #research

#Design #Approaches
How I approach motion in product design · A framework to design animated user interfaces https://ilo.im/1661tr

_____
#Framework #Motion #Animation #Interactivity #Figma #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign

#Design #Approaches
How I approach motion in product design · A framework to design animated user interfaces https://ilo.im/1661tr

_____
#Framework #Motion #Animation #Interactivity #Figma #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign

#Design #Approaches
User-friendly forms with layered drawers · Where forms get complex, drawers simplify the path https://ilo.im/1653v5

_____
#Forms #Drawers #Interactivity #Usability #UserResearch #DesignPattern #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Approaches
User-friendly forms with layered drawers · Where forms get complex, drawers simplify the path https://ilo.im/1653v5

_____
#Forms #Drawers #Interactivity #Usability #UserResearch #DesignPattern #ProductDesign #UxDesign #UiDesign #WebDesign

#Development #Guidelines
What I wish I knew when learning ARIA · How to approach an often neglected part of web interfaces https://ilo.im/164p3o

_____
#ARIA #AssistiveTechnology #Accessibility #Interactivity #Browser #WebDesign #WebDev #Frontend #HTML #CSS

#Development #Guidelines
What I wish I knew when learning ARIA · How to approach an often neglected part of web interfaces https://ilo.im/164p3o

_____
#ARIA #AssistiveTechnology #Accessibility #Interactivity #Browser #WebDesign #WebDev #Frontend #HTML #CSS

#Design #Explorations
Where should AI sit in your UI? · Emerging design patterns for surfacing AI https://ilo.im/164jff

_____
#AI #AiAgents #Interactivity #DesignPatterns #ProductDesign #UxDesign #UiDesign #SpatialDesign #WebDesign

#Design #Explorations
Where should AI sit in your UI? · Emerging design patterns for surfacing AI https://ilo.im/164jff

_____
#AI #AiAgents #Interactivity #DesignPatterns #ProductDesign #UxDesign #UiDesign #SpatialDesign #WebDesign

#Design #Launches
Design beyond barriers · Discover how to create accessible user interfaces https://ilo.im/164lsb

_____
#Accessibility #Regulations #Navigation #Interactivity #Content #Typography #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Launches
Design beyond barriers · Discover how to create accessible user interfaces https://ilo.im/164lsb

_____
#Accessibility #Regulations #Navigation #Interactivity #Content #Typography #ProductDesign #UxDesign #UiDesign #WebDesign

https://vgartsite.wordpress.com/2025/05/24/lets-talk-about-interactivity/

#interactivity #videogames #VR

https://vgartsite.wordpress.com/2025/05/24/lets-talk-about-interactivity/

#interactivity #videogames

#Design #Launches
Hana · A new collaborative canvas for interactive design https://ilo.im/163hft

_____
#Animation #Motion #Interactivity #Collaboration #DesignTool #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign

#Design #Launches
Hana · A new collaborative canvas for interactive design https://ilo.im/163hft

_____
#Animation #Motion #Interactivity #Collaboration #DesignTool #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign

#Design #Techniques
Good vs. great animations · Practical techniques to elevate your animations https://ilo.im/163kld

_____
#Animation #Motion #Transition #Interactivity #UiDesign #WebDesign #Development #WebDev #Frontend #CSS

#Design #Techniques
Good vs. great animations · Practical techniques to elevate your animations https://ilo.im/163kld

_____
#Animation #Motion #Transition #Interactivity #UiDesign #WebDesign #Development #WebDev #Frontend #CSS

#Design #Examples
From real to digital · How UI components are inspired by real-world objects https://ilo.im/162y07

_____
#UI #Components #Interactivity #DesignSystem #ProductDesign #UxDesign #UiDesign #WebDesign #Inspiration

#Design #Examples
From real to digital · How UI components are inspired by real-world objects https://ilo.im/162y07

_____
#UI #Components #Interactivity #DesignSystem #ProductDesign #UxDesign #UiDesign #WebDesign #Inspiration

#Design #Guidelines
How to design complex data tables · Practical techniques and useful Figma toolkits https://ilo.im/16282f

_____
#Tables #Data #Interactivity #Functionality #Accessibility #Figma #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Guidelines
How to design complex data tables · Practical techniques and useful Figma toolkits https://ilo.im/16282f

_____
#Tables #Data #Interactivity #Functionality #Accessibility #Figma #ProductDesign #UxDesign #UiDesign #WebDesign

#Development #Techniques
Keeping interactivity during a view transition · How to bypass the ::view-transition overlay clicks https://ilo.im/1623et

_____
#Interactivity #Animations #Transitions #Webpage #ViewTransitions #WebDev #Frontend #CSS #JavaScript

#Development #Techniques
Keeping interactivity during a view transition · How to bypass the ::view-transition overlay clicks https://ilo.im/1623et

_____
#Interactivity #Animations #Transitions #Webpage #ViewTransitions #WebDev #Frontend #CSS #JavaScript

#Design #Opportunities
Browser adaptation · Exploring the browser as a storytelling medium https://ilo.im/161qs9

_____
#Medium #Browser #Storytelling #Interactivity #Personalization #Content #Design #ProductDesign #UxDesign #WebDesign

#Design #Opportunities
Browser adaptation · Exploring the browser as a storytelling medium https://ilo.im/161qs9

_____
#Medium #Browser #Storytelling #Interactivity #Personalization #Content #Design #ProductDesign #UxDesign #WebDesign

#Development #Checklists
Checklist for accessible data visualizations · Key steps that help you create accessible charts https://ilo.im/1617bk

_____
#Charts #DataViz #Content #Interactivity #Accessibility #AltText #Color #Keyboard #WebDev #Frontend

#Development #Checklists
Checklist for accessible data visualizations · Key steps that help you create accessible charts https://ilo.im/1617bk

_____
#Charts #DataViz #Content #Interactivity #Accessibility #AltText #Color #Keyboard #WebDev #Frontend

#Development #Findings
State of HTML 2024 · The current landscape and future of the web platform https://ilo.im/160uj7

_____
#Survey #HTML #Interoperability #Interactivity #Accessibility #Browser #WebPerf #WebDev #Frontend