mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-10 11:10:54 +00:00
More work on plugin ambiguity #422
This commit is contained in:
Josh de Leeuw
parent
35827773a2
commit
a764ba75a4
@ -38,6 +38,6 @@ var trial = {
|
|||||||
type: 'button-response',
|
type: 'button-response',
|
||||||
stimulus: 'img/happy_face_1.jpg',
|
stimulus: 'img/happy_face_1.jpg',
|
||||||
choices: ['Happy', 'Sad'],
|
choices: ['Happy', 'Sad'],
|
||||||
prompt: "<p class='center-content'>What emotion is this person showing?</p>"
|
prompt: "<p>What emotion is this person showing?</p>"
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
|||||||
@ -46,7 +46,7 @@ key_press_stim1 | numeric | Indicates which key the subject pressed to continue.
|
|||||||
var block = {
|
var block = {
|
||||||
type: 'same-different',
|
type: 'same-different',
|
||||||
stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
|
stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
|
||||||
prompt: "<p class='center-content'>Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.</p>",
|
prompt: "<p>Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.</p>",
|
||||||
same_key: 'S',
|
same_key: 'S',
|
||||||
different_key: 'D',
|
different_key: 'D',
|
||||||
answer: 'different'
|
answer: 'different'
|
||||||
@ -66,7 +66,7 @@ key_press_stim1 | numeric | Indicates which key the subject pressed to continue.
|
|||||||
var block = {
|
var block = {
|
||||||
type: 'same-different',
|
type: 'same-different',
|
||||||
stimuli: ['img/happy_face_1.jpg', 'img/happy_face_3.jpg'],
|
stimuli: ['img/happy_face_1.jpg', 'img/happy_face_3.jpg'],
|
||||||
prompt: "<p class='center-content'>Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.</p>",
|
prompt: "<p>Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.</p>",
|
||||||
same_key: 'S',
|
same_key: 'S',
|
||||||
different_key: 'D',
|
different_key: 'D',
|
||||||
answer: 'same'
|
answer: 'same'
|
||||||
|
|||||||
@ -20,9 +20,9 @@
|
|||||||
key_answer: 68,
|
key_answer: 68,
|
||||||
choices: [68, 83],
|
choices: [68, 83],
|
||||||
text_answer: 'different',
|
text_answer: 'different',
|
||||||
correct_text: "<p class='center-content'>Correct. The faces had %ANS% expressions.</p>",
|
correct_text: "<p>Correct. The faces had %ANS% expressions.</p>",
|
||||||
incorrect_text: "<p class='center-content'>Incorrect. The faces had %ANS% expressions.</p>",
|
incorrect_text: "<p>Incorrect. The faces had %ANS% expressions.</p>",
|
||||||
prompt: "<p class='center-content'>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
|
prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
|
||||||
};
|
};
|
||||||
|
|
||||||
jsPsych.init({
|
jsPsych.init({
|
||||||
|
|||||||
38
examples/jspsych-categorize-html.html
Normal file
38
examples/jspsych-categorize-html.html
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<script src="../jspsych.js"></script>
|
||||||
|
<script src="../plugins/jspsych-categorize-html.js"></script>
|
||||||
|
<link rel="stylesheet" href="../css/jspsych.css"></link>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body></body>
|
||||||
|
<script>
|
||||||
|
var trial = {
|
||||||
|
type: 'categorize-html',
|
||||||
|
stimulus: '<div style="margin: auto; width: 200px; height: 200px; background-color: blue;></div>"',
|
||||||
|
key_answer: 66,
|
||||||
|
choices: [66, 80],
|
||||||
|
text_answer: 'happy',
|
||||||
|
correct_text: "<p>Correct. This color is %ANS%.</p>",
|
||||||
|
incorrect_text: "<p>Incorrect. This color is %ANS%. Please press the correct key to continue.</p>",
|
||||||
|
prompt: "<p>Press B if the square is blue. Press P if the square is purple.</p>",
|
||||||
|
timing_response: 1500,
|
||||||
|
show_feedback_on_timeout: false,
|
||||||
|
force_correct_button_press: true
|
||||||
|
};
|
||||||
|
|
||||||
|
jsPsych.init({
|
||||||
|
timeline: [trial],
|
||||||
|
on_finish: function() {
|
||||||
|
jsPsych.data.displayData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
<head>
|
<head>
|
||||||
<script src="../jspsych.js"></script>
|
<script src="../jspsych.js"></script>
|
||||||
<script src="../plugins/jspsych-categorize.js"></script>
|
<script src="../plugins/jspsych-categorize-image.js"></script>
|
||||||
<link rel="stylesheet" href="../css/jspsych.css"></link>
|
<link rel="stylesheet" href="../css/jspsych.css"></link>
|
||||||
<style>
|
<style>
|
||||||
img {
|
img {
|
||||||
@ -14,14 +14,14 @@
|
|||||||
<body></body>
|
<body></body>
|
||||||
<script>
|
<script>
|
||||||
var trials = {
|
var trials = {
|
||||||
type: 'categorize',
|
type: 'categorize-image',
|
||||||
stimulus: 'img/happy_face_1.jpg',
|
stimulus: 'img/happy_face_1.jpg',
|
||||||
key_answer: 72,
|
key_answer: 72,
|
||||||
choices: [72, 83],
|
choices: [72, 83],
|
||||||
text_answer: 'happy',
|
text_answer: 'happy',
|
||||||
correct_text: "<p class='center-content'>Correct. This face is %ANS%.</p>",
|
correct_text: "<p>Correct. This face is %ANS%.</p>",
|
||||||
incorrect_text: "<p class='center-content'>Incorrect. This face is %ANS%. Please press the correct key to continue.</p>",
|
incorrect_text: "<p>Incorrect. This face is %ANS%. Please press the correct key to continue.</p>",
|
||||||
prompt: "<p class='center-content'>Press H if the face is happy. Press S if the face is sad.</p>",
|
prompt: "<p>Press H if the face is happy. Press S if the face is sad.</p>",
|
||||||
timing_response: 1500,
|
timing_response: 1500,
|
||||||
show_feedback_on_timeout: false,
|
show_feedback_on_timeout: false,
|
||||||
force_correct_button_press: true
|
force_correct_button_press: true
|
||||||
@ -16,7 +16,7 @@
|
|||||||
var trial = {
|
var trial = {
|
||||||
type: 'same-different',
|
type: 'same-different',
|
||||||
stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
|
stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
|
||||||
prompt: "<p class='center-content'>Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.</p>",
|
prompt: "<p>Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.</p>",
|
||||||
same_key: 'S',
|
same_key: 'S',
|
||||||
different_key: 'D',
|
different_key: 'D',
|
||||||
answer: 'different'
|
answer: 'different'
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
var trial = {
|
var trial = {
|
||||||
type: 'xab',
|
type: 'xab',
|
||||||
stimuli: ['img/happy_face_1.jpg', 'img/happy_face_2.jpg'],
|
stimuli: ['img/happy_face_1.jpg', 'img/happy_face_2.jpg'],
|
||||||
prompt: "<p class='center-content'>Press Q if the face you just saw is on the left. Press P if the face you just saw is on the right.</p>",
|
prompt: "<p>Press Q if the face you just saw is on the left. Press P if the face you just saw is on the right.</p>",
|
||||||
timing_response: 2000
|
timing_response: 2000
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
235
plugins/jspsych-categorize-html.js
Normal file
235
plugins/jspsych-categorize-html.js
Normal file
@ -0,0 +1,235 @@
|
|||||||
|
/**
|
||||||
|
* jspsych plugin for categorization trials with feedback
|
||||||
|
* Josh de Leeuw
|
||||||
|
*
|
||||||
|
* documentation: docs.jspsych.org
|
||||||
|
**/
|
||||||
|
|
||||||
|
|
||||||
|
jsPsych.plugins['categorize-html'] = (function() {
|
||||||
|
|
||||||
|
var plugin = {};
|
||||||
|
|
||||||
|
plugin.info = {
|
||||||
|
name: 'categorize-html',
|
||||||
|
description: '',
|
||||||
|
parameters: {
|
||||||
|
stimulus: {
|
||||||
|
type: [jsPsych.plugins.parameterType.HTML_STRING],
|
||||||
|
default: undefined,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
key_answer: {
|
||||||
|
type: [jsPsych.plugins.parameterType.KEYCODE],
|
||||||
|
default: undefined,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
choices: {
|
||||||
|
type: [jsPsych.plugins.parameterType.KEYCODE],
|
||||||
|
default: jsPsych.ALL_KEYS,
|
||||||
|
array: true,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
text_answer: {
|
||||||
|
type: [jsPsych.plugins.parameterType.STRING],
|
||||||
|
default: '',
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
correct_text: {
|
||||||
|
type: [jsPsych.plugins.parameterType.STRING],
|
||||||
|
default: 'Correct.',
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
incorrect_text: {
|
||||||
|
type: [jsPsych.plugins.parameterType.STRING],
|
||||||
|
default: 'Wrong.',
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
prompt: {
|
||||||
|
type: [jsPsych.plugins.parameterType.STRING],
|
||||||
|
default: '',
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
force_correct_button_press: {
|
||||||
|
type: [jsPsych.plugins.parameterType.BOOL],
|
||||||
|
default: false,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
show_stim_with_feedback: {
|
||||||
|
type: [jsPsych.plugins.parameterType.BOOL],
|
||||||
|
default: true,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
show_feedback_on_timeout: {
|
||||||
|
type: [jsPsych.plugins.parameterType.BOOL],
|
||||||
|
default: false,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
timeout_message: {
|
||||||
|
type: [jsPsych.plugins.parameterType.STRING],
|
||||||
|
default: 'Please respond faster.',
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
timing_stim: {
|
||||||
|
type: [jsPsych.plugins.parameterType.INT],
|
||||||
|
default: -1,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
timing_response: {
|
||||||
|
type: [jsPsych.plugins.parameterType.INT],
|
||||||
|
default: -1,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
},
|
||||||
|
timing_feedback_duration: {
|
||||||
|
type: [jsPsych.plugins.parameterType.INT],
|
||||||
|
default: 2000,
|
||||||
|
no_function: false,
|
||||||
|
description: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
plugin.trial = function(display_element, trial) {
|
||||||
|
|
||||||
|
// default parameters
|
||||||
|
trial.choices = trial.choices || jsPsych.ALL_KEYS;
|
||||||
|
trial.text_answer = (typeof trial.text_answer === 'undefined') ? "" : trial.text_answer;
|
||||||
|
trial.correct_text = (typeof trial.correct_text === 'undefined') ? "<p class='feedback'>Correct</p>" : trial.correct_text;
|
||||||
|
trial.incorrect_text = (typeof trial.incorrect_text === 'undefined') ? "<p class='feedback'>Incorrect</p>" : trial.incorrect_text;
|
||||||
|
trial.show_stim_with_feedback = (typeof trial.show_stim_with_feedback === 'undefined') ? true : trial.show_stim_with_feedback;
|
||||||
|
trial.force_correct_button_press = (typeof trial.force_correct_button_press === 'undefined') ? false : trial.force_correct_button_press;
|
||||||
|
trial.prompt = (typeof trial.prompt === 'undefined') ? '' : trial.prompt;
|
||||||
|
trial.show_feedback_on_timeout = (typeof trial.show_feedback_on_timeout === 'undefined') ? false : trial.show_feedback_on_timeout;
|
||||||
|
trial.timeout_message = trial.timeout_message || "<p>Please respond faster.</p>";
|
||||||
|
// timing params
|
||||||
|
trial.timing_stim = trial.timing_stim || -1; // default is to show image until response
|
||||||
|
trial.timing_response = trial.timing_response || -1; // default is no max response time
|
||||||
|
trial.timing_feedback_duration = trial.timing_feedback_duration || 2000;
|
||||||
|
|
||||||
|
display_element.innerHTML = '<div id="jspsych-categorize-html-stimulus" class="jspsych-categorize-html-stimulus">'+trial.stimulus+'</div>';
|
||||||
|
|
||||||
|
// hide image after time if the timing parameter is set
|
||||||
|
if (trial.timing_stim > 0) {
|
||||||
|
jsPsych.pluginAPI.setTimeout(function() {
|
||||||
|
display_element.querySelector('#jspsych-categorize-html-stimulus').style.visibility = 'hidden';
|
||||||
|
}, trial.timing_stim);
|
||||||
|
}
|
||||||
|
|
||||||
|
// if prompt is set, show prompt
|
||||||
|
if (trial.prompt !== "") {
|
||||||
|
display_element.innerHTML += trial.prompt;
|
||||||
|
}
|
||||||
|
|
||||||
|
var trial_data = {};
|
||||||
|
|
||||||
|
// create response function
|
||||||
|
var after_response = function(info) {
|
||||||
|
|
||||||
|
// kill any remaining setTimeout handlers
|
||||||
|
jsPsych.pluginAPI.clearAllTimeouts();
|
||||||
|
|
||||||
|
// clear keyboard listener
|
||||||
|
jsPsych.pluginAPI.cancelAllKeyboardResponses();
|
||||||
|
|
||||||
|
var correct = false;
|
||||||
|
if (trial.key_answer == info.key) {
|
||||||
|
correct = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// save data
|
||||||
|
trial_data = {
|
||||||
|
"rt": info.rt,
|
||||||
|
"correct": correct,
|
||||||
|
"stimulus": trial.stimulus,
|
||||||
|
"key_press": info.key
|
||||||
|
};
|
||||||
|
|
||||||
|
display_element.innerHTML = '';
|
||||||
|
|
||||||
|
var timeout = info.rt == -1;
|
||||||
|
doFeedback(correct, timeout);
|
||||||
|
}
|
||||||
|
|
||||||
|
jsPsych.pluginAPI.getKeyboardResponse({
|
||||||
|
callback_function: after_response,
|
||||||
|
valid_responses: trial.choices,
|
||||||
|
rt_method: 'date',
|
||||||
|
persist: false,
|
||||||
|
allow_held_key: false
|
||||||
|
});
|
||||||
|
|
||||||
|
if (trial.timing_response > 0) {
|
||||||
|
jsPsych.pluginAPI.setTimeout(function() {
|
||||||
|
after_response({
|
||||||
|
key: -1,
|
||||||
|
rt: -1
|
||||||
|
});
|
||||||
|
}, trial.timing_response);
|
||||||
|
}
|
||||||
|
|
||||||
|
function doFeedback(correct, timeout) {
|
||||||
|
|
||||||
|
if (timeout && !trial.show_feedback_on_timeout) {
|
||||||
|
display_element.innerHTML += trial.timeout_message;
|
||||||
|
} else {
|
||||||
|
// show image during feedback if flag is set
|
||||||
|
if (trial.show_stim_with_feedback) {
|
||||||
|
display_element.innerHTML = '<div id="jspsych-categorize-html-stimulus" class="jspsych-categorize-html-stimulus">'+trial.stimulus+'</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// substitute answer in feedback string.
|
||||||
|
var atext = "";
|
||||||
|
if (correct) {
|
||||||
|
atext = trial.correct_text.replace("%ANS%", trial.text_answer);
|
||||||
|
} else {
|
||||||
|
atext = trial.incorrect_text.replace("%ANS%", trial.text_answer);
|
||||||
|
}
|
||||||
|
|
||||||
|
// show the feedback
|
||||||
|
display_element.innerHTML += atext;
|
||||||
|
}
|
||||||
|
// check if force correct button press is set
|
||||||
|
if (trial.force_correct_button_press && correct === false && ((timeout && trial.show_feedback_on_timeout) || !timeout)) {
|
||||||
|
|
||||||
|
var after_forced_response = function(info) {
|
||||||
|
endTrial();
|
||||||
|
}
|
||||||
|
|
||||||
|
jsPsych.pluginAPI.getKeyboardResponse({
|
||||||
|
callback_function: after_forced_response,
|
||||||
|
valid_responses: [trial.key_answer],
|
||||||
|
rt_method: 'date',
|
||||||
|
persist: false,
|
||||||
|
allow_held_key: false
|
||||||
|
});
|
||||||
|
|
||||||
|
} else {
|
||||||
|
jsPsych.pluginAPI.setTimeout(function() {
|
||||||
|
endTrial();
|
||||||
|
}, trial.timing_feedback_duration);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function endTrial() {
|
||||||
|
display_element.innerHTML = '';
|
||||||
|
jsPsych.finishTrial(trial_data);
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
return plugin;
|
||||||
|
})();
|
||||||
@ -6,24 +6,18 @@
|
|||||||
**/
|
**/
|
||||||
|
|
||||||
|
|
||||||
jsPsych.plugins.categorize = (function() {
|
jsPsych.plugins['categorize-image'] = (function() {
|
||||||
|
|
||||||
var plugin = {};
|
var plugin = {};
|
||||||
|
|
||||||
jsPsych.pluginAPI.registerPreload('categorize', 'stimulus', 'image',function(t){ return !t.is_html || t.is_html == 'undefined'});
|
jsPsych.pluginAPI.registerPreload('categorize-image', 'stimulus', 'image');
|
||||||
|
|
||||||
plugin.info = {
|
plugin.info = {
|
||||||
name: 'categorize',
|
name: 'categorize-image',
|
||||||
description: '',
|
description: '',
|
||||||
parameters: {
|
parameters: {
|
||||||
stimulus: {
|
stimulus: {
|
||||||
type: [jsPsych.plugins.parameterType.STRING],
|
type: [jsPsych.plugins.parameterType.IMAGE],
|
||||||
default: undefined,
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
is_html: {
|
|
||||||
type: [jsPsych.plugins.parameterType.BOOL],
|
|
||||||
default: undefined,
|
default: undefined,
|
||||||
no_function: false,
|
no_function: false,
|
||||||
description: ''
|
description: ''
|
||||||
@ -118,7 +112,6 @@ jsPsych.plugins.categorize = (function() {
|
|||||||
trial.correct_text = (typeof trial.correct_text === 'undefined') ? "<p class='feedback'>Correct</p>" : trial.correct_text;
|
trial.correct_text = (typeof trial.correct_text === 'undefined') ? "<p class='feedback'>Correct</p>" : trial.correct_text;
|
||||||
trial.incorrect_text = (typeof trial.incorrect_text === 'undefined') ? "<p class='feedback'>Incorrect</p>" : trial.incorrect_text;
|
trial.incorrect_text = (typeof trial.incorrect_text === 'undefined') ? "<p class='feedback'>Incorrect</p>" : trial.incorrect_text;
|
||||||
trial.show_stim_with_feedback = (typeof trial.show_stim_with_feedback === 'undefined') ? true : trial.show_stim_with_feedback;
|
trial.show_stim_with_feedback = (typeof trial.show_stim_with_feedback === 'undefined') ? true : trial.show_stim_with_feedback;
|
||||||
trial.is_html = (typeof trial.is_html === 'undefined') ? false : trial.is_html;
|
|
||||||
trial.force_correct_button_press = (typeof trial.force_correct_button_press === 'undefined') ? false : trial.force_correct_button_press;
|
trial.force_correct_button_press = (typeof trial.force_correct_button_press === 'undefined') ? false : trial.force_correct_button_press;
|
||||||
trial.prompt = (typeof trial.prompt === 'undefined') ? '' : trial.prompt;
|
trial.prompt = (typeof trial.prompt === 'undefined') ? '' : trial.prompt;
|
||||||
trial.show_feedback_on_timeout = (typeof trial.show_feedback_on_timeout === 'undefined') ? false : trial.show_feedback_on_timeout;
|
trial.show_feedback_on_timeout = (typeof trial.show_feedback_on_timeout === 'undefined') ? false : trial.show_feedback_on_timeout;
|
||||||
@ -128,21 +121,12 @@ jsPsych.plugins.categorize = (function() {
|
|||||||
trial.timing_response = trial.timing_response || -1; // default is no max response time
|
trial.timing_response = trial.timing_response || -1; // default is no max response time
|
||||||
trial.timing_feedback_duration = trial.timing_feedback_duration || 2000;
|
trial.timing_feedback_duration = trial.timing_feedback_duration || 2000;
|
||||||
|
|
||||||
// if any trial variables are functions
|
display_element.innerHTML = '<img id="jspsych-categorize-image-stimulus" class="jspsych-categorize-image-stimulus" src="'+trial.stimulus+'"></img>';
|
||||||
// this evaluates the function and replaces
|
|
||||||
// it with the output of the function
|
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
||||||
|
|
||||||
if (!trial.is_html) {
|
|
||||||
display_element.innerHTML = '<img id="jspsych-categorize-stimulus" class="jspsych-categorize-stimulus" src="'+trial.stimulus+'"></img>';
|
|
||||||
} else {
|
|
||||||
display_element.innerHTML = '<div id="jspsych-categorize-stimulus" class="jspsych-categorize-stimulus">'+trial.stimulus+'</div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
// hide image after time if the timing parameter is set
|
// hide image after time if the timing parameter is set
|
||||||
if (trial.timing_stim > 0) {
|
if (trial.timing_stim > 0) {
|
||||||
jsPsych.pluginAPI.setTimeout(function() {
|
jsPsych.pluginAPI.setTimeout(function() {
|
||||||
display_element.querySelector('#jspsych-categorize-stimulus').style.visibility = 'hidden';
|
display_element.querySelector('#jspsych-categorize-image-stimulus').style.visibility = 'hidden';
|
||||||
}, trial.timing_stim);
|
}, trial.timing_stim);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -205,11 +189,7 @@ jsPsych.plugins.categorize = (function() {
|
|||||||
} else {
|
} else {
|
||||||
// show image during feedback if flag is set
|
// show image during feedback if flag is set
|
||||||
if (trial.show_stim_with_feedback) {
|
if (trial.show_stim_with_feedback) {
|
||||||
if (!trial.is_html) {
|
display_element.innerHTML = '<img id="jspsych-categorize-image-stimulus" class="jspsych-categorize-image-stimulus" src="'+trial.stimulus+'"></img>';
|
||||||
display_element.innerHTML = '<img id="jspsych-categorize-stimulus" class="jspsych-categorize-stimulus" src="'+trial.stimulus+'"></img>';
|
|
||||||
} else {
|
|
||||||
display_element.innerHTML = '<div id="jspsych-categorize-stimulus" class="jspsych-categorize-stimulus">'+trial.stimulus+'</div>';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// substitute answer in feedback string.
|
// substitute answer in feedback string.
|
||||||
@ -1,194 +0,0 @@
|
|||||||
/**
|
|
||||||
* jspsych-single-audio
|
|
||||||
* Josh de Leeuw
|
|
||||||
*
|
|
||||||
* plugin for playing an audio file and getting a keyboard response
|
|
||||||
*
|
|
||||||
* documentation: docs.jspsych.org
|
|
||||||
*
|
|
||||||
**/
|
|
||||||
|
|
||||||
jsPsych.plugins["single-audio"] = (function() {
|
|
||||||
|
|
||||||
var plugin = {};
|
|
||||||
|
|
||||||
jsPsych.pluginAPI.registerPreload('single-audio', 'stimulus', 'audio');
|
|
||||||
|
|
||||||
plugin.info = {
|
|
||||||
name: 'single-audio',
|
|
||||||
description: '',
|
|
||||||
parameters: {
|
|
||||||
stimulus: {
|
|
||||||
type: [jsPsych.plugins.parameterType.STRING],
|
|
||||||
default: undefined,
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
choices: {
|
|
||||||
type: [jsPsych.plugins.parameterType.KEYCODE],
|
|
||||||
array: true,
|
|
||||||
default: jsPsych.ALL_KEYS,
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
prompt: {
|
|
||||||
type: [jsPsych.plugins.parameterType.STRING],
|
|
||||||
default: '',
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
timing_response: {
|
|
||||||
type: [jsPsych.plugins.parameterType.INT],
|
|
||||||
default: -1,
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
response_ends_trial: {
|
|
||||||
type: [jsPsych.plugins.parameterType.BOOL],
|
|
||||||
default: true,
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
trial_ends_after_audio: {
|
|
||||||
type: [jsPsych.plugins.parameterType.BOOL],
|
|
||||||
default: false,
|
|
||||||
no_function: false,
|
|
||||||
description: ''
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, trial) {
|
|
||||||
|
|
||||||
// default parameters
|
|
||||||
trial.choices = trial.choices || jsPsych.ALL_KEYS;
|
|
||||||
trial.response_ends_trial = (typeof trial.response_ends_trial === 'undefined') ? true : trial.response_ends_trial;
|
|
||||||
trial.trial_ends_after_audio = (typeof trial.trial_ends_after_audio === 'undefined') ? false : trial.trial_ends_after_audio;
|
|
||||||
trial.timing_response = trial.timing_response || -1; // if -1, then wait for response forever
|
|
||||||
trial.prompt = (typeof trial.prompt === 'undefined') ? "" : trial.prompt;
|
|
||||||
|
|
||||||
// if any trial variables are functions
|
|
||||||
// this evaluates the function and replaces
|
|
||||||
// it with the output of the function
|
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
||||||
|
|
||||||
// setup stimulus
|
|
||||||
var context = jsPsych.pluginAPI.audioContext();
|
|
||||||
if(context !== null){
|
|
||||||
var source = context.createBufferSource();
|
|
||||||
source.buffer = jsPsych.pluginAPI.getAudioBuffer(trial.stimulus);
|
|
||||||
source.connect(context.destination);
|
|
||||||
} else {
|
|
||||||
var audio = jsPsych.pluginAPI.getAudioBuffer(trial.stimulus);
|
|
||||||
audio.currentTime = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// set up end event if trial needs it
|
|
||||||
|
|
||||||
if(trial.trial_ends_after_audio){
|
|
||||||
if(context !== null){
|
|
||||||
source.onended = function() {
|
|
||||||
end_trial();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
audio.addEventListener('ended', end_trial);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// show prompt if there is one
|
|
||||||
if (trial.prompt !== "") {
|
|
||||||
display_element.innerHTML = trial.prompt;
|
|
||||||
}
|
|
||||||
|
|
||||||
// store response
|
|
||||||
var response = {
|
|
||||||
rt: -1,
|
|
||||||
key: -1
|
|
||||||
};
|
|
||||||
|
|
||||||
// function to end trial when it is time
|
|
||||||
function end_trial() {
|
|
||||||
|
|
||||||
// kill any remaining setTimeout handlers
|
|
||||||
jsPsych.pluginAPI.clearAllTimeouts();
|
|
||||||
|
|
||||||
// stop the audio file if it is playing
|
|
||||||
// remove end event listeners if they exist
|
|
||||||
if(context !== null){
|
|
||||||
source.stop();
|
|
||||||
source.onended = function() { }
|
|
||||||
} else {
|
|
||||||
audio.pause();
|
|
||||||
audio.removeEventListener('ended', end_trial);
|
|
||||||
}
|
|
||||||
|
|
||||||
// kill keyboard listeners
|
|
||||||
jsPsych.pluginAPI.cancelAllKeyboardResponses();
|
|
||||||
|
|
||||||
// gather the data to store for the trial
|
|
||||||
var trial_data = {
|
|
||||||
"rt": context !== null ? response.rt * 1000 : response.rt,
|
|
||||||
"stimulus": trial.stimulus,
|
|
||||||
"key_press": response.key
|
|
||||||
};
|
|
||||||
|
|
||||||
// clear the display
|
|
||||||
display_element.innerHTML = '';
|
|
||||||
|
|
||||||
// move on to the next trial
|
|
||||||
jsPsych.finishTrial(trial_data);
|
|
||||||
};
|
|
||||||
|
|
||||||
// function to handle responses by the subject
|
|
||||||
var after_response = function(info) {
|
|
||||||
|
|
||||||
// only record the first response
|
|
||||||
if (response.key == -1) {
|
|
||||||
response = info;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (trial.response_ends_trial) {
|
|
||||||
end_trial();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// start audio
|
|
||||||
if(context !== null){
|
|
||||||
startTime = context.currentTime + 0.1;
|
|
||||||
source.start(startTime);
|
|
||||||
} else {
|
|
||||||
audio.play();
|
|
||||||
}
|
|
||||||
|
|
||||||
// start the response listener
|
|
||||||
if(context !== null) {
|
|
||||||
var keyboardListener = jsPsych.pluginAPI.getKeyboardResponse({
|
|
||||||
callback_function: after_response,
|
|
||||||
valid_responses: trial.choices,
|
|
||||||
rt_method: 'audio',
|
|
||||||
persist: false,
|
|
||||||
allow_held_key: false,
|
|
||||||
audio_context: context,
|
|
||||||
audio_context_start_time: startTime
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
var keyboardListener = jsPsych.pluginAPI.getKeyboardResponse({
|
|
||||||
callback_function: after_response,
|
|
||||||
valid_responses: trial.choices,
|
|
||||||
rt_method: 'date',
|
|
||||||
persist: false,
|
|
||||||
allow_held_key: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// end trial if time limit is set
|
|
||||||
if (trial.timing_response > 0) {
|
|
||||||
jsPsych.pluginAPI.setTimeout(function() {
|
|
||||||
end_trial();
|
|
||||||
}, trial.timing_response);
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
return plugin;
|
|
||||||
})();
|
|
||||||
@ -1,81 +0,0 @@
|
|||||||
/**
|
|
||||||
* jspsych-survey-slider
|
|
||||||
* a jspsych plugin for free response survey questions
|
|
||||||
*
|
|
||||||
* Josh de Leeuw
|
|
||||||
*
|
|
||||||
* documentation: docs.jspsych.org
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
jsPsych.plugins['survey-slider'] = (function() {
|
|
||||||
|
|
||||||
var plugin = {};
|
|
||||||
|
|
||||||
plugin.info = {
|
|
||||||
name: 'survey-slider',
|
|
||||||
description: '',
|
|
||||||
parameters: {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, trial) {
|
|
||||||
|
|
||||||
trial.preamble = typeof trial.preamble == 'undefined' ? "" : trial.preamble;
|
|
||||||
trial.button_label = typeof trial.button_label === 'undefined' ? 'Next' : trial.button_label;
|
|
||||||
|
|
||||||
// if any trial variables are functions
|
|
||||||
// this evaluates the function and replaces
|
|
||||||
// it with the output of the function
|
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
||||||
|
|
||||||
// show preamble text
|
|
||||||
var html = '<div id="jspsych-survey-slider-preamble" class="jspsych-survey-slider-preamble">'+trial.preamble+'</div>';
|
|
||||||
|
|
||||||
// add questions
|
|
||||||
for (var i = 0; i < trial.questions.length; i++) {
|
|
||||||
html += '<div id="jspsych-survey-slider-"'+i+'" class="jspsych-survey-slider-question" style="margin: 2em 0em;">';
|
|
||||||
html += '<div class="jspsych-survey-slider-question-text">' + trial.questions[i] + '</div>';
|
|
||||||
html += '<input type="range" name="#jspsych-survey-slider-response-' + i + '"></input>';
|
|
||||||
html += '</div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
// add submit button
|
|
||||||
html += '<button id="jspsych-survey-slider-next" class="jspsych-btn">'+trial.button_label+'</button>';
|
|
||||||
|
|
||||||
display_element.innerHTML = html;
|
|
||||||
|
|
||||||
display_element.querySelector('#jspsych-survey-slider-next').addEventListener('click', function() {
|
|
||||||
// measure response time
|
|
||||||
var endTime = (new Date()).getTime();
|
|
||||||
var response_time = endTime - startTime;
|
|
||||||
|
|
||||||
// create object to hold responses
|
|
||||||
var question_data = {};
|
|
||||||
var matches = display_element.querySelectorAll('div.jspsych-survey-slider-question');
|
|
||||||
for(var index=0; index<matches.length; index++){
|
|
||||||
var id = "Q" + index;
|
|
||||||
var val = matches[index].querySelector('input').value;
|
|
||||||
var obje = {};
|
|
||||||
obje[id] = val;
|
|
||||||
Object.assign(question_data, obje);
|
|
||||||
}
|
|
||||||
// save data
|
|
||||||
var trialdata = {
|
|
||||||
"rt": response_time,
|
|
||||||
"responses": JSON.stringify(question_data)
|
|
||||||
};
|
|
||||||
|
|
||||||
display_element.innerHTML = '';
|
|
||||||
|
|
||||||
// next trial
|
|
||||||
jsPsych.finishTrial(trialdata);
|
|
||||||
});
|
|
||||||
|
|
||||||
var startTime = (new Date()).getTime();
|
|
||||||
};
|
|
||||||
|
|
||||||
return plugin;
|
|
||||||
})();
|
|
||||||
Loading…
Reference in New Issue
Block a user