Continuously sampling data from a slider? #2244
Replies: 2 comments 5 replies
-
|
Hi @claregrall , I think the simplest solution will be to modify the plugin file. It looks like you are working with jsPsych 6.1.0. You might want to update to 6.3.1 first, and then the main changes to the plugin file would be to add some kind of timer that records the value of the slider every second. The slider value is recorded here This is inside the var responses = [];
var response_interval = setInterval(function(){
responses.push(display_element.querySelector('#jspsych-audio-slider-response-response').valueAsNumber);
}, 1000)This will store the value of the slider every 1,000ms in the When the trial ends, you'll want to clear the timer: clearInterval(response_interval);I know this is kind of a skeleton of the solution, so feel free to follow up if you want more guidance. This is a neat addition to the plugin, so if you get it working, you might consider submitting it to our community contributions repository. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @jodeleeuw , Thanks very much! I really appreciate any guidance that you can provide. This is initially how I had set it up, but it is not working: var responses = [];
var response_interval = setInterval(function(){
responses.push(display_element.querySelector('#jspsych-audio-slider-response-response').valueAsNumber);
}, 1000)
var response = responses[0]
if (!trial.response_allowed_while_playing) {
display_element.querySelector('#jspsych-audio-slider-response-response').disabled = true;
display_element.querySelector('#jspsych-audio-slider-response-next').disabled = true;
}
if (trial.require_movement) {
display_element.querySelector('#jspsych-audio-slider-response-response').addEventListener('click', function () {
display_element.querySelector('#jspsych-audio-slider-response-next').disabled = false;
});
}
display_element.querySelector('#jspsych-audio-slider-response-next').addEventListener('click', function () {
// measure response time
var endTime = performance.now();
var rt = endTime - startTime;
if (context !== null) {
endTime = context.currentTime;
rt = Math.round((endTime - startTime) * 1000);
}
//response.rt = rt;
responses.push(display_element.querySelector('#jspsych-audio-slider-response-response').valueAsNumber)
if (trial.response_ends_trial) {
end_trial();
} else {
display_element.querySelector('#jspsych-audio-slider-response-next').disabled = true;
}
}); |
Beta Was this translation helpful? Give feedback.
-
|
Hi @claregrall, just jumping in here with some suggestions 😃
Yes, I think you want to set up the You'll also need to add your And you may also want to remove the old So here are all the changes I would make: Remove old // for storing data related to response
// var response; <-- we can remove this because we're now storing an array of responses, rather than a single response
// for storing the set of slider values sampled every second
var responses = [];
// global variable for the response interval timer
var response_interval; Remove old // response = { <-- we can remove this because the response variable no longer exists
// rt: null,
// response: null
// };In the "click" handler for the "next" button, remove the lines that set the RT and response values in the old // we can remove these two lines because the response variable no longer exists
// response.rt = rt;
// response.response = display_element.querySelector('#jspsych-audio-slider-response-response').valueAsNumber;At the end of the response_interval = setInterval(function(){
responses.push(display_element.querySelector('#jspsych-audio-slider-response-response').valueAsNumber);
}, 1000)In the // clear the response interval
clearInterval(response_interval);
// ...
// save data
var trialdata = {
responses: responses, // <-- add new responses array to the data
//rt: response.rt, <-- we can remove this because the response variable no longer exists
stimulus: trial.stimulus,
slider_start: trial.slider_start,
//response: response.response <-- we can remove this because the response variable no longer exists
};Does that work for you? Let us know if not, and if you see any errors in the browser's console. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @jodeleeuw! I'm following up on this because I do need more guidance, as you offered (I'm very new to js). How do you recommend integrating this into the plugin? I'm continuing to try options for this. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @claregrall, just curious, did you manage to continuously sample data from the slider? I'm currently trying to do this myself. Thanks, |
Beta Was this translation helpful? Give feedback.
-
|
Hey hey! Yes, with the amazing help of the responses here, I got the following edited plugin to work as a part of my study. |
Beta Was this translation helpful? Give feedback.
-
|
Awesome - thanks, much appreciated! |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello!
I am trying to program a task where participants listen to an audio story and continuously respond to a question using a slider on screen. We got the slider to work (https://www.jspsych.org/7.0/plugins/audio-slider-response/index.html), but now I am stuck on how I can set up this function to record the position of the slider every second. In other words, rather than waiting for the participant to click the "Continue" button, I'd like to sample the participant's response every second for the length of the audio stimulus and record that data to an output file. Do you have any recommendations? Thank you so much!
Here is the code so far!
Beta Was this translation helpful? Give feedback.
All reactions