mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-11 16:18:11 +00:00
121 lines
3.0 KiB
JavaScript
121 lines
3.0 KiB
JavaScript
/* jspsych-video.js
|
|
* Josh de Leeuw
|
|
*
|
|
* This plugin displays a video. The trial ends when the video finishes.
|
|
*
|
|
* documentation: docs.jspsych.org
|
|
*
|
|
*/
|
|
|
|
jsPsych.plugins.video = (function() {
|
|
|
|
var plugin = {};
|
|
|
|
plugin.info = {
|
|
name: 'video',
|
|
description: '',
|
|
parameters: {
|
|
sources: {
|
|
type: [jsPsych.plugins.parameterType.STRING],
|
|
array: true,
|
|
default: undefined,
|
|
no_function: false,
|
|
description: ''
|
|
},
|
|
width: {
|
|
type: [jsPsych.plugins.parameterType.INT],
|
|
default: undefined,
|
|
no_function: false,
|
|
description: ''
|
|
},
|
|
height: {
|
|
type: [jsPsych.plugins.parameterType.INT],
|
|
default: undefined,
|
|
no_function: false,
|
|
description: ''
|
|
},
|
|
autoplay: {
|
|
type: [jsPsych.plugins.parameterType.BOOL],
|
|
default: true,
|
|
no_function: false,
|
|
description: ''
|
|
},
|
|
controls: {
|
|
type: [jsPsych.plugins.parameterType.BOOL],
|
|
default: false,
|
|
no_function: false,
|
|
description: ''
|
|
},
|
|
prompt: {
|
|
type: [jsPsych.plugins.parameterType.STRING],
|
|
default: '',
|
|
no_function: false,
|
|
description: ''
|
|
}
|
|
}
|
|
}
|
|
|
|
plugin.trial = function(display_element, trial) {
|
|
|
|
// set default values for the parameters
|
|
trial.prompt = trial.prompt || "";
|
|
trial.autoplay = typeof trial.autoplay == 'undefined' ? true : trial.autoplay;
|
|
trial.controls = typeof trial.controls == 'undefined' ? false : trial.controls;
|
|
|
|
// if any trial variables are functions
|
|
// this evaluates the function and replaces
|
|
// it with the output of the function
|
|
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
|
|
// this array holds handlers from setTimeout calls
|
|
// that need to be cleared if the trial ends early
|
|
var setTimeoutHandlers = [];
|
|
|
|
// display stimulus
|
|
var video_html = '<video id="jspsych-video-player" width="'+trial.width+'" height="'+trial.height+'" '
|
|
if(trial.autoplay){
|
|
video_html += "autoplay "
|
|
}
|
|
if(trial.controls){
|
|
video_html +="controls "
|
|
}
|
|
video_html+=">"
|
|
for(var i=0; i<trial.sources.length; i++){
|
|
var s = trial.sources[i];
|
|
var type = s.substr(s.lastIndexOf('.') + 1);
|
|
type = type.toLowerCase();
|
|
video_html+='<source src="'+s+'" type="video/'+type+'">';
|
|
}
|
|
video_html +="</video>"
|
|
|
|
display_element.append(video_html);
|
|
|
|
//show prompt if there is one
|
|
if (trial.prompt !== "") {
|
|
display_element.append(trial.prompt);
|
|
}
|
|
|
|
document.getElementById('jspsych-video-player').onended = function(){
|
|
end_trial();
|
|
}
|
|
|
|
// function to end trial when it is time
|
|
var end_trial = function() {
|
|
|
|
// gather the data to store for the trial
|
|
var trial_data = {
|
|
stimulus: JSON.stringify(trial.sources)
|
|
};
|
|
|
|
// clear the display
|
|
display_element.html('');
|
|
|
|
// move on to the next trial
|
|
jsPsych.finishTrial(trial_data);
|
|
};
|
|
|
|
};
|
|
|
|
return plugin;
|
|
})();
|