Attentional mouse tracking. Alternative to online eye tracking.
This is very much a work in progress, so please don't use this in production yet. You have been warned. The known problems are summarised in the issues on this repo.
Demo available here
There are two ways users (that's you) are likely to use this toolbox. 1) In a custom app, website, or locally. 2) As part of a prebuilt experiment.
The easiest way of getting started with the basics is the first one, as an app or web-page hosted locally. We cover this setup here.
Gorilla is the most straightforward way of buildng a MouseView.js experiment, so we recommend this. You can sign up by visiting Gorilla.sc
MouseView.js is designed to inject a layer over a webpage. Simply include the script on in your websites body tag.
The most up-to-date one is hosted on netlify:
or you can just download a version to your site and include it that way
The above method has the benefit of including all your configuration and data code in one script. Rather than a loading tag and actions seperately. It also means you do not have to worry about calling mouseview before the page has loaded it.
Here's an example of how you might use this:
Once included in one of the mthods above, the library adds the mouseview object to the global namespace, you can set various parameters there, and initiate the overlay
For a full overview of settings available see Configuration.