Segment duration in Self-Paced Reading #1732

gustavoestivalet · 2021-04-15T17:30:33Z

gustavoestivalet
Apr 15, 2021

Hello, Guys,

Ahow are you? I am fine! First of all, I would like to thank you so much for the jsPsych existence, my team and I have been using it extensivelly during the last months, and we are achieving great results!

I have a pointed question today.
I adapted the Self-Paced Reading Moving Window plug-in developed in the video 2 from the MovintResearchOnline to have a kind of Self-Paced Reading without moving window! Actually, I am doing a Reading Span Test and I just want to present different phrases (2 to 6 phrases), one over another. In the end of each group of phrases, there is a question.

The experiment is working, but I want to put a time limit for each phrase and not the whole trial. I mean, each trial is composed by 2 to 6 phrases, and I want to limit the time of each phrase presentation. Please could you help with this? Also, could I simplify even more the plug-in?

Plug-in: jspsych-spr-keyboard

jsPsych.plugins["spr-keyboard"] = (function() {

  var plugin = {};

  plugin.info = {
    name: "spr-keyboard",
    parameters: {
      words: {
        type: jsPsych.plugins.parameterType.STRING,
        default: undefined
      },
      key: {
        type: jsPsych.plugins.parameterType.KEYCODE,
        default: 32
      },
	  trial_duration: {
        type: jsPsych.plugins.parameterType.INT,
        default: null
      }
    }
  }

  plugin.trial = function(display_element, trial){

    // data saving
    var trial_data = {
		words: trial.words
    };
	var rt = [];
	var current_word = 0;
	
	// create stimuli
	function create_spr(words, position){
		var word_list = words;
		var words = word_list.map(function(word, index){
			if(index == position){
				return word;
			}
		}).join("");
		return words;
	}
	
	// show stimuli
	function show_words(){
		display_element.innerHTML = create_spr(trial.words, current_word);
		
		jsPsych.pluginAPI.getKeyboardResponse({
			callback_function: after_response,
			valid_response: [trial.key],
			rt_method: "performance",
			persist: false,
			allow_held_key: false
		});
	}

	// add rt to data
	function after_response(response_info){
		rt.push(response_info.rt);
		current_word++;
		if(current_word == trial.words.length){
			end_trial();
		}else{
			show_words();
		}
	}

    // end trial
	function end_trial(){
		trial_data.rt = JSON.stringify(rt);
		
		display_element.innerHTML = "";
		
		jsPsych.finishTrial(trial_data);
	}

	show_words();

  };

  return plugin;
})();

Experiment:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Versão Computadorizada e Padronizada do Reading Span Test para o Português Brasileiro</title>
		<script src="jspsych/jspsych.js"></script>
		<script src="jspsych/plugins/jspsych-survey-text.js"></script>
		<script src="jspsych-spr-keyboard.js"></script>
		<link href="jspsych/css/jspsych.css" rel="stylesheet" type="text/css">
	</head>
	<body></body>

	<script>
	// create timeline
	var timeline = [];

	// create stimuli
	var stimuli = [
		{phrases: ["frase1","frase2"], question: "??",data: {correct_response: "f1 f2"}},
		{phrases: ["frase1","frase2","frase3"], question: "???",data: {correct_response: "f1 f2 f3"}},
		{phrases: ["frase1","frase2","frase3","frase4"], question: "????",data: {correct_response: "f1 f2 f3 f4"}},
		{phrases: ["frase1","frase2","frase3","frase4","frase5"], question: "?????",data: {correct_response: "f1 f2 f3 f4 f5"}},
		{phrases: ["frase1","frase2","frase3","frase4","frase5","frase6"], question: "??????",data: {correct_response: "f1 f2 f3 f4 f5"}},
	];

	// create trial
	var trial = {
		type: "spr-keyboard",
		words: jsPsych.timelineVariable("phrases"),
		//trial_duration: 5000
	};

	// create question
	var question = {
		type: "survey-text",
		questions: [{prompt: jsPsych.timelineVariable("question"), rows: 5, columns: 20}]
	};

	// create procedure
	var procedure = {
		timeline: [trial, question],
		timeline_variables: stimuli,
		//randomize_order: true
	};
	// put procedure in timeline
	timeline.push(procedure);

	// run experiment
	jsPsych.init({
		timeline: timeline,
		on_finish: function(){
			jsPsych.data.displayData();
		}
	});
	
	</script>
</html>

Thank you very much for all your attention and assistance,
Best regards,
Gustavo Estivalet

becky-gilbert · 2021-04-26T23:58:11Z

becky-gilbert
Apr 26, 2021
Maintainer

Hi @gustavoestivalet! Thanks for providing your code - very helpful! Quick question: do you want one time limit parameter that applies to each phrase, e.g.

var trial = {
  type: "spr-keyboard",
  words: jsPsych.timelineVariable("phrases"),
  phrase_max_duration: 5000
};

or do you want the option to give the plugin different time limits for each phrase, which might look like this:

var stimuli = [
  {phrases: ["frase1","frase2"], phrase_max_durations: [2000,4000], question: "??",data: {correct_response: "f1 f2"}},
  ... etc. ...
];

var trial = {
  type: "spr-keyboard",
  words: jsPsych.timelineVariable("phrases"),
  phrase_max_durations: jsPsych.timelineVariable("phrase_max_durations")
};

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Segment duration in Self-Paced Reading #1732

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Segment duration in Self-Paced Reading #1732

Uh oh!

Uh oh!

gustavoestivalet Apr 15, 2021

Replies: 1 comment

Uh oh!

becky-gilbert Apr 26, 2021 Maintainer

gustavoestivalet
Apr 15, 2021

becky-gilbert
Apr 26, 2021
Maintainer