1. Access the prototype at https://idx.google.com/mph-sdk-integration-react-2858080.
2. Upon opening the developer interface, a <> Web tab view may pop up on the right side of the screen. It is meant to display a working preview of the application while programming, but we should close it ASAP—it can sometimes needlessly start downloading camera files even when the camera is turned off.

The idx.google.com developer interface.

1. Press Ctrl + ` to toggle the terminal.

2. To start the web app in your browser, type npm start into the terminal. The tab for the web application will open.

   Upon loading, the page will immediately start downloading frame data to the user’s device.

3. Quickly scroll to the bottom of the page, to where the mp3 controller with the play button is. Press the play button.

<aside> ⚠️

Warning! In its current state, the project can download upwards of a hundred files to your computer in only a few seconds. These files are small and do not exceed 6 KB each, but it can still be very annoying. To limit this burden, it is recommended at this stage to close the tab after 15 to 20 seconds using Ctrl + W.

</aside>

<aside> ✅

UPDATE: Instead of downloading data of 33 frames per second, I refurbished the process to now only download 1-3 data files every 5 seconds. These files together contain the entire data of the 165 frames captured in every 5-second interval, so no data is lost.

</aside>

The outputted .json files contain facial emotion data captured by the app. The data in these files can be charted and analyzed using code I developed.

1. Click into the terminal of idx.google.com and type Ctrl + C to end the session.