UI (gaze bubble/heatmap) customization for integrating application

[Mihnea-Ionuț Călugăru]

Hello and thank you in advance for your answer,

Our main purpose is to develop an application which integrates functionalities from the Tobii Eye Tracking experience.

We were wondering if we could render the UI (bubble, heatmap) in our application, but customize some particular aspects of it. So, basically, what we would want is to be able change things like:
– the size of the bubble
– the color of the bubble
– the colors of the heatmap
– the transparency level of the background and the bubble
– etc

What we would like is to do all of these *programatically*, from our application and to render this modified bubble/heatmap in it.

Is there a way to do this? I read a couple of pages to find similar questions and I somehow understand that for doing this we need to build our own UI (bublle, heatmap) from scratch? Or are there functions in the SDK/API to render what the Tobii experience/Tobii Ghost is rendering, but with different configurations?

Thanks a lot!

[Grant [Tobii]]

Hi @mihnea-calugaru, thanks for getting in touch. Could you kindly clarify which model of Tobii Eye Tracker you currently have.
It would also be useful if you would elaborate on the intentions for this heatmap application.

The use of eye tracking data from a Tobii Tech Eye Tracker (4C, ET5) for long term storage, analysis or research purposes is expressly forbidden by the user licence agreement which you can read about @ https://developer.tobii.com/license-agreement/

If the intention however if purely interactive (or for gaming) then you may use our SDK such as interaction library or stream engine API freely.

You are correct that we do not currently have a heatmap generator software for users, however many 3rd party applications are available that purport to support Tobii Trackers such as http://www.pygaze.org/

However, the easiest solution would be to find a generic heatmap generator algorithm such as https://github.com/TobiasRoeddiger/GazePointHeatMap and use this in conjunction with the Tobii Interaction Library to ensure that the gaze data is not being stored.

Do let us know if you require any further information. Best Wishes.

[Mihnea-Ionuț Călugăru]

Hello,

We do have an Eye Tracker 5. The purpose of the application is to display the UI elements (bubbles, heatmaps, etc) in real time for the user, so we do not need to put the data in a storage.

So, if I understood correctly, the solution would be to use the SDK/API to get the data and then to feed the data through something that we either build or get from a 3rd party, right?

[Mihnea-Ionuț Călugăru]

Hello,

Just following up on this 🙂

Best

[Grant [Tobii]]

Hi @mihnea-calugaru, okay thanks for the confirmation of the intended use.

So, if I understood correctly, the solution would be to use the SDK/API to get the data and then to feed the data through something that we either build or get from a 3rd party, right?

Yes exactly. You should only need to expose the left and right eye gaze data (and validity if you wish) to the 3rd party heatmap tool. Ideally the 3rd party tool should support the dotNet architecture to make things easier for integration.

Do let us know how you get on and if you have any further questions.

[Author]

Posts