I do not have experience with webpack that much. Can you please point out on how I can add additional javascript extensions in the experiment.ts file?
Here is what I tried inside the run function:
const jsPsych = initJsPsych({
extensions: [
{
type: jsPsychExtensionWebgazer,
params: {
auto_initialize: true,
}
}
]
});
const timeline: { type: any; [key: string]: any }[] = [];
// Preload assets
timeline.push({
type: PreloadPlugin,
images: assetPaths.images,
audio: assetPaths.audio,
video: assetPaths.video,
});
// initialize eye tracking
timeline.push({
type: jsPsychWebgazerInitCamera
})
timeline.push({
type: jsPsychWebgazerCalibrate,
calibration_points: [[25,50], [50,50], [75,50], [50,25], [50,75]],
calibration_mode: 'click'
})
But I get the following error while running:
Error: Webgazer extension failed to initialize. webgazer.js not loaded. Load webgazer.js before calling initJsPsych()
at JsPsych.<anonymous> (http://localhost:3000/js/app.js:31248:15)
at Generator.throw (<anonymous>)
at rejected (http://localhost:3000/js/app.js:27640:32)
How can I load webgazer.js before calling initJsPsych()?
I do not have experience with webpack that much. Can you please point out on how I can add additional javascript extensions in the
experiment.tsfile?Here is what I tried inside the
runfunction:But I get the following error while running:
How can I load webgazer.js before calling
initJsPsych()?