Pixel Streaming in a iframe

Development Programming & Scripting
, ,
1

Hi everyone, I’m embedding a Pixel Streaming session inside an <iframe> on my webpage, but I’m running into an issue where the mouse cursor gets hidden as soon as I click inside the iframe. Has anyone encountered this before? Any suggestions or workarounds to prevent the mouse cursor from being hidden when clicking on the iframe?

2

Update / Solution:

After spending quite some time troubleshooting this (and a weekend of trial and error :sweat_smile:), I finally figured it out.

The fix is to enable the HoveringMouse setting when configuring the player. You can do this by modifying the player.ts file in the Pixel Streaming client, specifically where the Config is instantiated.

const config = new Config({
  useUrlParams: true,
  initialSettings: { HoveringMouse: true }
});

This ensures that the mouse cursor remains visible even when the iframe has focus.

Hope this helps someone else avoid the same headache!