Virtual chinrest will not load image of credit card #2218

sophief10 · 2021-10-09T21:31:52Z

sophief10
Oct 9, 2021

Hi everyone!

I am trying to use the virtual-chinrest plugin, but when I run my code, the image of the credit card does not show up on my screen. I cannot figure out why. Has anyone encountered this problem before?

<!DOCTYPE html>
<html lang="en-CA">
    <head>
        <link rel="stylesheet" href="../css/jspsych.css">
        <script src="../jspsych.js"></script>
        <script src="../plugins/jspsych-instructions.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min.js"></script>
        <script src="../plugins/jspsych-virtual-chinrest.js"></script>
    </head>
    <body></body>
    <script>
        //EXPERIMENT SET-UP
        var finalTimeline = []; //create final timeline array

        //WELCOME & ORIENTATION
        var welcome = {
            type: 'instructions',
            pages: ['Welcome to the experiment!', 'Here is a general overview of the experiment.'],
            show_clickable_nav: true
        };
        finalTimeline.push(welcome);//display welcome message & give general overview of the experiment

        //PREPARE SUBJECT'S WEBCAM
        var instructions_prepareVideoEnvironment = {
            type: 'instructions',
            pages: ['To complete this experiment, you must activate your webcam.'],
            show_clickable_nav: true
        };
        finalTimeline.push(instructions_prepareVideoEnvironment); //tell participant to prepare video environment

        var instructions_prepareVirtualChinrest = {
            type: 'instructions',
            pages: ['To complete this experiment properly, you must also keep your head about 60 cm away from your computer screen. Please find some sort of chinrest.'],
            show_clickable_nav: true
        };
        finalTimeline.push(instructions_prepareVirtualChinrest); //prepare participant to initiate virtual chinrest

        var prepareVirtualChinrest = {
            timeline: [
                {
                    type: 'virtual-chinrest',
                    on_finish: function(data) {
                        if (data.view_dist_mm < 580 || data.view_dist_mm > 620) {
                            return `<p>It seems that your head is NOT positioned about 60 cm away from your computer screen. Please readjust your position and try again.</p>`;
                        }
                    }  
                }
            ],
            loop_function: function(data) {
                if (data.view_dist_mm < 580 || data.view_dist_mm > 620) {
                    return true;
                } else {
                    return false;
                }
            }
        };
        finalTimeline.push(prepareVirtualChinrest); //prepare the virtual chinrest

       //INITIATE EXPERIMENT
       jsPsych.init ({
        timeline: finalTimeline,
        override_safe_mode: true
       })
    </script>
</html>

Answered by GEJ1

Oct 10, 2021

Hi @woodenchair ,

The credit card image path by default is "img/card.png" , if you your image in another path you need to use the parameter item_path (see documentation here)

Maybe that is the problem?

View full answer

GEJ1 · 2021-10-10T03:44:15Z

GEJ1
Oct 10, 2021

Hi @woodenchair ,

The credit card image path by default is "img/card.png" , if you your image in another path you need to use the parameter item_path (see documentation here)

Maybe that is the problem?

1 reply

sophief10 Oct 11, 2021
Author

Thank you, I tried your method and it worked! I have been having some problems with my computer not recognizing the files on my computer, so that is probably why I had to manually input the path to the image. Thanks for your input!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Virtual chinrest will not load image of credit card #2218

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Virtual chinrest will not load image of credit card #2218

Uh oh!

sophief10 Oct 9, 2021

Replies: 1 comment · 1 reply

Uh oh!

GEJ1 Oct 10, 2021

Uh oh!

sophief10 Oct 11, 2021 Author

sophief10
Oct 9, 2021

Replies: 1 comment 1 reply

GEJ1
Oct 10, 2021

sophief10 Oct 11, 2021
Author