Skip to content

Test Broox Interactive Demo Content

Welcome to the interactive content demos guide!

This demo enables developers to explore how the Audience Analytics and Interactivity Solution can be used to create real-time HTML interactive content.

It supports integration with Chromium-based players or other software compatible with UDP or HTTP communication protocols.

Follow the steps below to install, run, and test the solution.

Steps to Get Started:

  1. Install and Run the Audience Analytics Solution

    • If you are using Windows, follow the installation guide here.

    • If you are using Linux, follow the installation guide here.

  2. Set Up the Vision Node Pipeline

    • Select the pipeline named skeleton-virtualcam-audience on the Vision node.

    • Enable the Configuration Mode checkbox and click Start.

  1. Test Connectivity

    • Open your browser and navigate to https://broox-demos.web.app/.

    • Access the Test menu item. If prompted by Chrome to allow Broox access to your camera feed, click Allow.

    • If your skeleton tracking and camera feed are displayed, proceed to the next steps.

    • If the skeleton tracking or camera feed is not visible:

      • Open Chrome and go to chrome://settings/content/camera.

      • Set the camera to OBS Virtual Cam.

      • Once configured, retry this step by accessing the Test menu item again to verify connectivity.

  1. Access the Demo Page

    • Open your browser and navigate to https://broox-demos.web.app/.

  2. Explore Broox's Interactive HTML5 Demos

    • Broox offers a variety of HTML5 demos that integrate the broox.js library, which reacts to people's movements and gestures in real-time.

    • For example, the Particles demo responds to hand movements, creating an engaging interactive experience.

    • Explore these demos to see how Broox's solutions bring interactivity to life through gesture-based control and audience engagement.

Source Code

We offer source code for two of our demos as a starting point to help you learn how to connect Vision Node events through the broox.js library and make graphics react to these events:

By exploring these repositories, you can understand how to create interactive experiences that respond to gestures and movements in real time, unlocking the full potential of Broox's solutions.

For further support, refer to the linked resources or contact the support team.