Full screen

[rbruno1]

How to set up full screen experiment in cognition.run

[jodeleeuw]

Have you tried using the fullscreen plugin? Are you running into issues with it?

[jodeleeuw]

Can you share a link to the experiment?

[rbruno1]

https://0zhvefm45p.cognition.run/

var welcome = {
  type: "html-keyboard-response",
  stimulus: "Welcome to the experiment. Press any key to begin."
};
var instructions = {
  type: "html-keyboard-response",
  stimulus: "<p>In this experiment, two images will appear on the screen. If the audio (or audio segment) matches the image on the left, press the letter F on the keyboard as fast as you can. If the audio (or audio segment) matches the image on the right, press the letter J as fast as you can.</p>" +
          "<p>Press any key to begin.</p>", 
  post_trial_gap: 2000
    };
var video_trial_1 = {
  type:'video-keyboard-response',
  stimulus: [
    'mushroommuffin100.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'mushroom', correct_response: 'f'},
  width:575
}

var video_trial_2 = {
  type:'video-keyboard-response',
  stimulus: [
    'muffinmushroom0.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'muffin', correct_response: 'f'},
  width:575
}
var video_trial_3 = {
  type:'video-keyboard-response',
  stimulus: [
    'muffinmushroom300.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'muffin', correct_response: 'f'},
  width:575
}
var video_trial_4 = {
  type:'video-keyboard-response',
  stimulus: [
    'mushroommuffin300.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'mushroom', correct_response: 'f'},
  width:575
}
var video_trial_5 = {
  type:'video-keyboard-response',
  stimulus: [
    'muffinmushroom100.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'muffin', correct_response: 'j'},
  width:575
}
var video_trial_6 = {
  type:'video-keyboard-response',
  stimulus: [
    'muffinmushroom200.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'muffin', correct_response: 'f'},
  width:575
}
var video_trial_7 = {
  type:'video-keyboard-response',
  stimulus: [
    'mushroommuffin200.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'mushroom', correct_response: 'j'},
  width:575
}
var video_trial_8 = {
  type:'video-keyboard-response',
  stimulus: [
    'mushroommuffin0.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'mushroom', correct_response: 'j'},
  width:575
}
var video_trial_9 = {
  type:'video-keyboard-response',
  stimulus: [
    'banjobandage300.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'banjo', correct_response: 'j'},
  width:575
}
var video_trial_10 = {
  type:'video-keyboard-response',
  stimulus: [
    'bandagebanjo0.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'bandage', correct_response: 'j'},
  width:575
}
var video_trial_11 = {
  type:'video-keyboard-response',
  stimulus: [
    'bandagebanjo100.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'bandage', correct_response: 'j'},
  width:575
}
var video_trial_12 = {
  type:'video-keyboard-response',
  stimulus: [
    'bandagebanjo200.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'bandage', correct_response: 'j'},
  width:575
}
var video_trial_13 = {
  type:'video-keyboard-response',
  stimulus: [
    'banjobandage200.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'banjo', correct_response: 'f'},
  width:575
}
var video_trial_14 = {
  type:'video-keyboard-response',
  stimulus: [
    'banjobandage0.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'banjo', correct_response: 'f'},
  width:575
}
var video_trial_15 = {
  type:'video-keyboard-response',
  stimulus: [
    'bandagebanjo300.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'bandage', correct_response: 'f'},
  width:575
}
var video_trial_16 = {
  type:'video-keyboard-response',
  stimulus: [
    'banjobandage100.mp4'
  ],
  post_trial_gap: 2000,
  choices: ['f', 'j'],
  data: {condition: 'banjo', correct_response: 'j'},
  width:575
}

jsPsych.init({
  timeline: [welcome, instructions, video_trial_1, video_trial_2, video_trial_3, video_trial_4, video_trial_5, video_trial_6, video_trial_7, video_trial_8, video_trial_9, video_trial_10, video_trial_11, video_trial_12, video_trial_13, video_trial_14, video_trial_15, video_trial_16],
  on_finish: function () {
    jsPsych.data.displayData();
  }
})

[becky-gilbert]

Hi @rbruno1, it doesn't look like you have a fullscreen trial in your timeline anywhere? It should look something like this:

var fullscreen_trial = {
  type: 'fullscreen',
  fullscreen_mode: true
}

Also, I tried your link and noticed that you're getting this error:

No plugin loaded for trials of type "preload"

It looks like you've selected jsPsych v6.3.0 on cognition.run, correct? Maybe the new preload plugin wasn't added on cognition.run - could that be the case @javidalpe? If so, then a work-around for now is to download the preload plugin file and load it into cognition.run (where you have the option to load external JS and CSS files).

[javidalpe]

Thank you @becky-gilbert for debugging the issue for me! You were right, the plugin wasn't added. It was adding only the plugins included in the timeline variable. Now it also adds the preload plugin if the check "JsPsych Media Preloading:" is checked in cognition.run :)

[becky-gilbert]

Thanks @javidalpe!!