video_keyboard_response not working #1711

Cluster-Bomb · 2021-04-05T22:15:47Z

Cluster-Bomb
Apr 5, 2021

Hi there,

Can't seem to get a video stimulus to play at all. Player is visible on edge and firefox but not functioning.

Things I have tried:

Changing file type from mp4 to avi - no change
Manually preloading videos - no change
Testing on multiple browsers - no change

Code below:

<!doctype html>

<title>Effect of Frame of Reference on Biological Motion [jsPsych]</title>

<script type="text/javascript" src="jspsych-6.3.0/jspsych.js"></script>
<link href="jspsych-6.3.0/css/jspsych.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="jspsych-6.3.0/plugins/jspsych-html-keyboard-response.js"></script>
<script type="text/javascript" src="jspsych-6.3.0/plugins/jspsych-image-keyboard-response.js"></script>
<script type="text/javascript" src="jspsych-6.3.0/plugins/jspsych-video-keyboard-response.js"></script>
<script type="text/javascript" src="jspsych-6.3.0/plugins/jspsych-preload.js"></script>

<script type="text/javascript" src="lib/vendors/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="lib/jspsych-pavlovia-2020.2.js"></script>

	/* create timeline */
	var timeline = [];


	/* init connection with pavlovia.org */
	var pavlovia_init = {
		type: "pavlovia",
		command: "init"
	};
	timeline.push(pavlovia_init);

	var images = ['stimuli/Grass_Inverted.jpg',"stimuli/Grass_Upright.jpg" ];
    // var video = ['stimuli/Walk-90L-upright.mp4', 'stimuli/Walk-90L-inverted.mp4', 'stimuli/Walk-90R-upright.mp4', 'stimuli/Walk-90R-inverted.mp4'];
    
    var video = ['stimuli/Walk-90L-upright.mp4', 'stimuli/Walk-90L-inverted.mp4','stimuli/sample_video.mp4', 'stimuli/AVI_example.avi', 'stimuli/Walk-90R-upright.mp4', 'stimuli/Walk-90R-inverted.mp4'];
    
    var preload = {
        type: 'preload',
        images: images,
        video: video
    }
    
    timeline.push(preload);
	
	/* define welcome message trial */
	var welcome = {
		type: "html-keyboard-response",
		stimulus: "Welcome to the experiment. Press any key to begin."
	};
	timeline.push(welcome);

	/* define instructions trial */
	var instructions = {
		type: "html-keyboard-response",
	    stimulus: "<p>In this experiment, a silhouette of the ground " +
            "will appear on the top or bottom of the screen</p>" +
			"<p>This will be followed by a moving person animated as several moving " +
			"dots. This can be upright or inverted</p>" +
			"<p>If animation if facing left then press F " +
            "as fast as you can.</p>" +
            "<p>If animation if facing right then press J " +
			"as fast as you can.</p>" +
			"<p>Press any key to begin.</p>",
		post_trial_gap: 2000
	};
	timeline.push(instructions);

var prime_fixation_test = {
timeline: [
{
type: 'image-keyboard-response',
stimulus: jsPsych.timelineVariable('prime') ,
choices: jsPsych.NO_KEYS,
trial_duration: 1000
},

    {
        type: 'html-keyboard-response',
        stimulus: '+',
        choices: jsPsych.NO_KEYS,
        trial_duration: 500
    },
    {
        type: 'video-keyboard-response',
        stimulus: jsPsych.timelineVariable('test'),
        width: 640,
        height: 480,
        controls: true,
        prompt: 'Press F for left facing and J for right facing.',
        choices: ['f', 'j'],
		autoplay: true
    }
],
timeline_variables: [
   { test: "stimuli/Walk-90L-upright.mp4", prime: "stimuli/Grass_Inverted.jpg"},
   { test: "stimuli/sample_video.mp4", prime: "stimuli/Grass_Inverted.jpg"},
   { test: "stimuli/Walk-90L-upright.mp4", prime: "stimuli/Grass_Upright.jpg"},
    { test: "stimuli/Walk-90L-inverted.mp4", prime: "stimuli/Grass_Inverted.jpg"},
    { test: "stimuli/AVI_example.avi", prime: "stimuli/Grass_Upright.jpg"},
    { test: "stimuli/Walk-90L-inverted.mp4", prime: "stimuli/Grass_Upright.jpg"},
    { test: "stimuli/Walk-90R-upright.mp4", prime: "stimuli/Grass_Inverted.jpg"},
    { test: "stimuli/Walk-90R-upright.mp4", prime: "stimuli/Grass_Upright.jpg"},
    { test: "stimuli/Walk-90R-inverted.mp4", prime: "stimuli/Grass_Inverted.jpg" },
    { test: "stimuli/Walk-90R-inverted.mp4", prime: "stimuli/Grass_Upright.jpg" },
],
repetitions: 1,
randomize_order: true,

};
timeline.push(prime_fixation_test);

	/* define debrief */
	var debrief_block = {
		type: "html-keyboard-response",
		stimulus: "<p>Press any key to complete the experiment. Thank you!</p>"
	};
	timeline.push(debrief_block);

	/* finish connection with pavlovia.org */
	var pavlovia_finish = {
		type: "pavlovia",
		command: "finish",
		participantId: "JSPSYCH-DEMO"
	};
	timeline.push(pavlovia_finish);


	/* start the experiment */
	jsPsych.init({
		timeline: timeline,

		on_finish: function (data) {
			jsPsych.data.displayData();
		}
	});

</script>

Answered by Cluster-Bomb

Apr 7, 2021

Found a solution - see below. The plugin required the stimuli in an array. Just add brackets to the example timeline example in the documentation

timeline_variables: [
{ test: ["stimuli/Walk-90L-upright.mp4"], prime: "stimuli/Grass_Inverted.jpg"},
{ test: ["stimuli/Walk-90L-upright.mp4"], prime: "stimuli/Grass_Upright.jpg"},
{ test: "stimuli/Walk-90L-inverted.mp4", prime: "stimuli/Grass_Inverted.jpg"},
{ test: "stimuli/Walk-90L-inverted.mp4", prime: "stimuli/Grass_Upright.jpg"},
{ test: "stimuli/Walk-90R-upright.mp4", prime: "stimuli/Grass_Inverted.jpg"},
{ test: "stimuli/Walk-90R-upright.mp4", prime: "stimuli/Grass_Upright.jpg"},
{ test: "stimuli/Walk-90R-inverted.mp4", prime: "stimuli/G…

View full answer

Cluster-Bomb · 2021-04-05T22:53:37Z

Cluster-Bomb
Apr 5, 2021
Author

Also tried the latest version of jQuery - the player now shows up on chrome but the video stimuli still don't play.

<script type="text/javascript" src="jspsych-6.3.0/jquery-3.6.0.js"></script>

0 replies

Cluster-Bomb · 2021-04-07T02:00:13Z

Cluster-Bomb
Apr 7, 2021
Author

Found a solution - see below. The plugin required the stimuli in an array. Just add brackets to the example timeline example in the documentation

timeline_variables: [
{ test: ["stimuli/Walk-90L-upright.mp4"], prime: "stimuli/Grass_Inverted.jpg"},
{ test: ["stimuli/Walk-90L-upright.mp4"], prime: "stimuli/Grass_Upright.jpg"},
{ test: "stimuli/Walk-90L-inverted.mp4", prime: "stimuli/Grass_Inverted.jpg"},
{ test: "stimuli/Walk-90L-inverted.mp4", prime: "stimuli/Grass_Upright.jpg"},
{ test: "stimuli/Walk-90R-upright.mp4", prime: "stimuli/Grass_Inverted.jpg"},
{ test: "stimuli/Walk-90R-upright.mp4", prime: "stimuli/Grass_Upright.jpg"},
{ test: "stimuli/Walk-90R-inverted.mp4", prime: "stimuli/Grass_Inverted.jpg" },
{ test: "stimuli/Walk-90R-inverted.mp4", prime: "stimuli/Grass_Upright.jpg" },
],

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

video_keyboard_response not working #1711

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

video_keyboard_response not working #1711

Uh oh!

Cluster-Bomb Apr 5, 2021

Replies: 2 comments

Uh oh!

Cluster-Bomb Apr 5, 2021 Author

Uh oh!

Cluster-Bomb Apr 7, 2021 Author

Cluster-Bomb
Apr 5, 2021

Cluster-Bomb
Apr 5, 2021
Author

Cluster-Bomb
Apr 7, 2021
Author