Image error when launched online

Online experiments
1

URL of experiment: MentalHealthMediaStudy [PsychoPy]

Description of the problem:
I have an embedded survey followed by two times tasks, all in the same psyexp file. It runs locally with a warning only (but I also know surveys embedded in Pavlovia experiments will not display when run locally)

1264.0520 WARNING Could not get image from: https://secure.gravatar.com/avatar/d1aa7261fb21f61a1ac916b27ce7771f?s=80&d=identicon, using blank image instead.

This error message (below) occurs whenever I attempt to run online, resulting in a complete failure to launch the task:

  • IndexSizeError: Failed to execute ‘getImageData’ on ‘OffscreenCanvasRenderingContext2D’: The source width is 0.
    I have many images in the task. I just added a .png image to the survey portion, but it is properly uploaded and displays when I review the survey on its own line. I doubt it would be the new image.
    `

If helpful, this is the survey on alone (which runs fine online when run solo):
https://run.pavlovia.org/pavlovia/survey-2024.2.0/?surveyId=e5db64eb-7f65-4a25-8552-9b9ffcf26d59

2

I don’t think it’s an image error, or anything to do with the survey.

Using developer tools I’ve identified that the line causing the error is in a text component:

image
image488×429 24.6 KB

InstructionSCID1_text = new visual.TextStim({
    win: psychoJS.window,
    name: 'InstructionSCID1_text',
    text: 'In a moment, we will ask you to press the space bar as fast as you can WHEN YOU SEE A SQUARE.  However, before the square appears, you will see a sign that tells you what kind of a picture will appear after the square. There are two types of pictures. SEXY pictures show couples posed in a sexy way. SPORTS pictures show people engaged in some non-sexual, fun activity. \n\nPress the [SPACE BAR] for more information.',
    font: 'Arial',
    units: undefined, 
    pos: [0, 0], draggable: false, height: 0.05,  wrapWidth: undefined, ori: 0.0,
    languageStyle: 'LTR',
    color: new util.Color('white'),  opacity: undefined,
    depth: 0.0 
  });

If I compare this with the previous text code I can see that the issue is that you have a mix of units.

  Finish_Text = new visual.TextStim({
    win: psychoJS.window,
    name: 'Finish_Text',
    text: '',
    font: 'Arial',
    units: undefined, 
    pos: [0, 0], draggable: false, height: 32,  wrapWidth: undefined, ori: 0,
    languageStyle: 'LTR',
    color: new util.Color('white'),  opacity: 1,
    depth: -1.0 
  });

You are using pix units and InstructionSCID1_text fails because the text height is 0.05 pixels.

3

I would never have looked for the text. I appreciate the screenshots of the developer tools to see where the run is actually breaking! The text displays without a crash now.