The application makes use of:
- Sliders from GitHub user:nelsonic (GitHub link)
- Chart from canvasjs.com
- Function to change colour of slider while sliding, based on an answer posted by user:fedeetz at StackOverflow (link to the answer)
The application was hosted locally on the Nexus 7 using a local server app (called “BitWebServer”), which can be purchased on the Google Play Store. The purpose of hosting the app locally was to reduce the delay in loading new audio, since mobile devices usually disable preloading of audio. This limitation (along with others) of HTML5 audio on mobile devices also led to the use of audio sprites (see this blogpost for an explanation of audio sprites), meaning that all audio samples for a particular trial are on one audio track, with gaps of silence used to separate the samples.
Matlab scripts are provided with this download to create new audio sprites. In the case of the Matlab scripts and the application itself, the “readme” file in each directory should be consulted for further information.