Deployed b2721c9c to 7.2 with MkDocs 1.2.2 and mike 1.0.1

This commit is contained in:
Josh de Leeuw 2022-05-05 14:33:11 -05:00
parent 434ef54418
commit 2323e15505
53 changed files with 1485 additions and 135 deletions

View File

@ -736,6 +736,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="animation">animation<a class="headerlink" href="#animation" title="Permanent link">&para;</a></h1> <h1 id="animation">animation<a class="headerlink" href="#animation" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-animation/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays a sequence of images at a fixed frame rate. The sequence can be looped a specified number of times. The subject is free to respond at any point during the animation, and the time of the response is recorded.</p> <p>This plugin displays a sequence of images at a fixed frame rate. The sequence can be looped a specified number of times. The subject is free to respond at any point during the animation, and the time of the response is recorded.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1743,6 +1758,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-animation@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-animation.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-animation
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">animation</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-animation&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying a single sequence multiple times</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying a single sequence multiple times</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">animation_sequence</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;img/happy_face_1.jpg&quot;</span><span class="p">,</span> <span class="s2">&quot;img/happy_face_2.jpg&quot;</span><span class="p">,</span> <span class="s2">&quot;img/happy_face_3.jpg&quot;</span><span class="p">,</span> <span class="s2">&quot;img/happy_face_4.jpg&quot;</span><span class="p">];</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">animation_sequence</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;img/happy_face_1.jpg&quot;</span><span class="p">,</span> <span class="s2">&quot;img/happy_face_2.jpg&quot;</span><span class="p">,</span> <span class="s2">&quot;img/happy_face_3.jpg&quot;</span><span class="p">,</span> <span class="s2">&quot;img/happy_face_4.jpg&quot;</span><span class="p">];</span>

View File

@ -755,6 +755,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="audio-button-response">audio-button-response<a class="headerlink" href="#audio-button-response" title="Permanent link">&para;</a></h1> <h1 id="audio-button-response">audio-button-response<a class="headerlink" href="#audio-button-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-audio-button-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin plays audio files and records responses generated with a button click.</p> <p>This plugin plays audio files and records responses generated with a button click.</p>
<p>If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio. </p> <p>If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio. </p>
<p>Audio files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the audio stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the audio.</p> <p>Audio files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the audio stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the audio.</p>
@ -1782,6 +1797,18 @@
<p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time. <p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time.
This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown. This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown.
This may change in a future version as we improve the simulation modes.</p> This may change in a future version as we improve the simulation modes.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-audio-button-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-audio-button-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">audioButtonResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-audio-button-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying question until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying question until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -767,6 +767,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="audio-keyboard-response">audio-keyboard-response<a class="headerlink" href="#audio-keyboard-response" title="Permanent link">&para;</a></h1> <h1 id="audio-keyboard-response">audio-keyboard-response<a class="headerlink" href="#audio-keyboard-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-audio-keyboard-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin plays audio files and records responses generated with the keyboard.</p> <p>This plugin plays audio files and records responses generated with the keyboard.</p>
<p>If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio. </p> <p>If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio. </p>
<p>Audio files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the audio stimulus, then you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the audio.</p> <p>Audio files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the audio stimulus, then you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the audio.</p>
@ -1769,6 +1784,18 @@
<p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time. <p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time.
This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown. This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown.
This may change in a future version as we improve the simulation modes.</p> This may change in a future version as we improve the simulation modes.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-audio-keyboard-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-audio-keyboard-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">audioKeyboardResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-audio-keyboard-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Trial continues until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Trial continues until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -779,6 +779,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="audio-slider-response">audio-slider-response<a class="headerlink" href="#audio-slider-response" title="Permanent link">&para;</a></h1> <h1 id="audio-slider-response">audio-slider-response<a class="headerlink" href="#audio-slider-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-audio-slider-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin plays an audio file and allows the subject to respond by dragging a slider.</p> <p>This plugin plays an audio file and allows the subject to respond by dragging a slider.</p>
<p>If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio. </p> <p>If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio. </p>
<p>Audio files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the audio stimulus, then you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the audio.</p> <p>Audio files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the audio stimulus, then you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the audio.</p>
@ -1810,6 +1825,18 @@
<p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time. <p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time.
This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown. This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown.
This may change in a future version as we improve the simulation modes.</p> This may change in a future version as we improve the simulation modes.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-audio-slider-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-audio-slider-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">audioSliderResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-audio-slider-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>A simple rating scale</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>A simple rating scale</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -791,6 +791,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="browser-check">browser-check<a class="headerlink" href="#browser-check" title="Permanent link">&para;</a></h1> <h1 id="browser-check">browser-check<a class="headerlink" href="#browser-check" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-browser-check/CHANGELOG.md">See version history</a>.</p>
<p>This plugin measures and records various features of the participant's browser and can end the experiment if defined inclusion criteria are not met.</p> <p>This plugin measures and records various features of the participant's browser and can end the experiment if defined inclusion criteria are not met.</p>
<p>The plugin currently can record the following features:</p> <p>The plugin currently can record the following features:</p>
<ul> <ul>
@ -1850,6 +1865,18 @@ See the examples below for more guidance.</p>
<p>In <code>data-only</code> mode, if <code>allow_window_resize</code> is true and the browser's width and height are below the maximum value then the reported width and height will be equal to <code>minimum_width</code> and <code>minimum_height</code>, as if the participant resized the browser to meet the specifications.</p> <p>In <code>data-only</code> mode, if <code>allow_window_resize</code> is true and the browser's width and height are below the maximum value then the reported width and height will be equal to <code>minimum_width</code> and <code>minimum_height</code>, as if the participant resized the browser to meet the specifications.</p>
<p>In <code>visual</code> mode, if <code>allow_window_resize</code> is true and the browser's width and height are below the maximum value then the experiment will wait for 3 seconds before clicking the resize fail button. During this time, you can adjust the window if you would like to.</p> <p>In <code>visual</code> mode, if <code>allow_window_resize</code> is true and the browser's width and height are below the maximum value then the experiment will wait for 3 seconds before clicking the resize fail button. During this time, you can adjust the window if you would like to.</p>
<p>As with all simulated plugins, you can override the default (actual) data with fake data using <code>simulation_options</code>. This allows you to test your exclusion criteria by simulating other configurations.</p> <p>As with all simulated plugins, you can override the default (actual) data with fake data using <code>simulation_options</code>. This allows you to test your exclusion criteria by simulating other configurations.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-browser-check@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-browser-check.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-browser-check
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">browserCheck</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-browser-check&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Recording all of the available features, no exclusions</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Recording all of the available features, no exclusions</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -796,6 +796,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="call-function">call-function<a class="headerlink" href="#call-function" title="Permanent link">&para;</a></h1> <h1 id="call-function">call-function<a class="headerlink" href="#call-function" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-call-function/CHANGELOG.md">See version history</a>.</p>
<p>This plugin executes a specified function. This allows the experimenter to run arbitrary code at any point during the experiment.</p> <p>This plugin executes a specified function. This allows the experimenter to run arbitrary code at any point during the experiment.</p>
<p>The function cannot take any arguments. If arguments are needed, then an anonymous function should be used to wrap the function call (see examples below).</p> <p>The function cannot take any arguments. If arguments are needed, then an anonymous function should be used to wrap the function call (see examples below).</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1709,6 +1724,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-call-function@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-call-function.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-call-function
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">callFunction</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-call-function&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Calling a simple function</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Calling a simple function</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">myfunc</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">myfunc</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>

View File

@ -808,6 +808,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="canvas-button-response">canvas-button-response<a class="headerlink" href="#canvas-button-response" title="Permanent link">&para;</a></h1> <h1 id="canvas-button-response">canvas-button-response<a class="headerlink" href="#canvas-button-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-canvas-button-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin can be used to draw a stimulus on a <a href="https://www.w3schools.com/html/html5_canvas.asp">HTML canvas element</a>, and record a button click response and response time. The canvas stimulus can be useful for displaying dynamic, parametrically-defined graphics, and for controlling the positioning of multiple graphical elements (shapes, text, images). The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time. One or more button choices will be displayed under the canvas, and the button style can be customized using HTML formatting.</p> <p>This plugin can be used to draw a stimulus on a <a href="https://www.w3schools.com/html/html5_canvas.asp">HTML canvas element</a>, and record a button click response and response time. The canvas stimulus can be useful for displaying dynamic, parametrically-defined graphics, and for controlling the positioning of multiple graphical elements (shapes, text, images). The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time. One or more button choices will be displayed under the canvas, and the button style can be customized using HTML formatting.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1762,6 +1777,18 @@
</tbody> </tbody>
</table> </table>
<p>Note: the canvas stimulus is <em>not</em> included in the trial data because it is a function. Any stimulus information that should be saved in the trial data can be added via the <code>data</code> parameter.</p> <p>Note: the canvas stimulus is <em>not</em> included in the trial data because it is a function. Any stimulus information that should be saved in the trial data can be added via the <code>data</code> parameter.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-canvas-button-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-canvas-button-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">canvasButtonResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-canvas-button-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Drawing circles based on parameters</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Drawing circles based on parameters</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">function</span> <span class="nx">filledCirc</span><span class="p">(</span><span class="nx">canvas</span><span class="p">,</span> <span class="nx">radius</span><span class="p">,</span> <span class="nx">color</span><span class="p">)</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">function</span> <span class="nx">filledCirc</span><span class="p">(</span><span class="nx">canvas</span><span class="p">,</span> <span class="nx">radius</span><span class="p">,</span> <span class="nx">color</span><span class="p">)</span> <span class="p">{</span>

View File

@ -820,6 +820,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="canvas-keyboard-response">canvas-keyboard-response<a class="headerlink" href="#canvas-keyboard-response" title="Permanent link">&para;</a></h1> <h1 id="canvas-keyboard-response">canvas-keyboard-response<a class="headerlink" href="#canvas-keyboard-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-canvas-keyboard-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin can be used to draw a stimulus on a <a href="https://www.w3schools.com/html/html5_canvas.asp">HTML canvas element</a> and record a keyboard response. The canvas stimulus can be useful for displaying dynamic, parametrically-defined graphics, and for controlling the positioning of multiple graphical elements (shapes, text, images). The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p> <p>This plugin can be used to draw a stimulus on a <a href="https://www.w3schools.com/html/html5_canvas.asp">HTML canvas element</a> and record a keyboard response. The canvas stimulus can be useful for displaying dynamic, parametrically-defined graphics, and for controlling the positioning of multiple graphical elements (shapes, text, images). The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1744,6 +1759,18 @@
</tbody> </tbody>
</table> </table>
<p>Note: the canvas stimulus is <em>not</em> included in the trial data because it is a function. Any stimulus information that should be saved in the trial data can be added via the <code>data</code> parameter.</p> <p>Note: the canvas stimulus is <em>not</em> included in the trial data because it is a function. Any stimulus information that should be saved in the trial data can be added via the <code>data</code> parameter.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-canvas-keyboard-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-canvas-keyboard-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">canvasKeyboardResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-canvas-keyboard-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Draw rectangle and wait for response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Draw rectangle and wait for response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">function</span> <span class="nx">drawRect</span><span class="p">(</span><span class="nx">c</span><span class="p">){</span> <div class="highlight"><pre><span></span><code><span class="kd">function</span> <span class="nx">drawRect</span><span class="p">(</span><span class="nx">c</span><span class="p">){</span>

View File

@ -832,6 +832,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="canvas-slider-response">canvas-slider-response<a class="headerlink" href="#canvas-slider-response" title="Permanent link">&para;</a></h1> <h1 id="canvas-slider-response">canvas-slider-response<a class="headerlink" href="#canvas-slider-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-canvas-slider-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin can be used to draw a stimulus on a <a href="https://www.w3schools.com/html/html5_canvas.asp">HTML canvas element</a> and collect a response within a range of values, which is made by dragging a slider. The canvas stimulus can be useful for displaying dynamic, parametrically-defined graphics, and for controlling the positioning of multiple graphical elements (shapes, text, images). The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p> <p>This plugin can be used to draw a stimulus on a <a href="https://www.w3schools.com/html/html5_canvas.asp">HTML canvas element</a> and collect a response within a range of values, which is made by dragging a slider. The canvas stimulus can be useful for displaying dynamic, parametrically-defined graphics, and for controlling the positioning of multiple graphical elements (shapes, text, images). The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1786,6 +1801,18 @@
</tbody> </tbody>
</table> </table>
<p>Note: the canvas stimulus is <em>not</em> included in the trial data because it is a function. Any stimulus information that should be saved in the trial data can be added via the <code>data</code> parameter.</p> <p>Note: the canvas stimulus is <em>not</em> included in the trial data because it is a function. Any stimulus information that should be saved in the trial data can be added via the <code>data</code> parameter.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-canvas-slider-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-canvas-slider-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">canvasSliderResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-canvas-slider-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Draw two squares</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Draw two squares</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">colors</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;#FF3333&#39;</span><span class="p">,</span> <span class="s1">&#39;#FF6A33&#39;</span><span class="p">];</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">colors</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;#FF3333&#39;</span><span class="p">,</span> <span class="s1">&#39;#FF6A33&#39;</span><span class="p">];</span>

View File

@ -844,6 +844,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="categorize-animation">categorize-animation<a class="headerlink" href="#categorize-animation" title="Permanent link">&para;</a></h1> <h1 id="categorize-animation">categorize-animation<a class="headerlink" href="#categorize-animation" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-categorize-animation/CHANGELOG.md">See version history</a>.</p>
<p>The categorize animation plugin shows a sequence of images at a specified frame rate. The subject responds by pressing a key. Feedback indicating the correctness of the response is given.</p> <p>The categorize animation plugin shows a sequence of images at a specified frame rate. The subject responds by pressing a key. Feedback indicating the correctness of the response is given.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1783,6 +1798,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-categorize-animation.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-categorize-animation
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">categorizeAnimation</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-categorize-animation&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">animation_trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">animation_trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -856,6 +856,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="categorize-html">categorize-html<a class="headerlink" href="#categorize-html" title="Permanent link">&para;</a></h1> <h1 id="categorize-html">categorize-html<a class="headerlink" href="#categorize-html" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-categorize-html/CHANGELOG.md">See version history</a>.</p>
<p>The categorize html plugin shows an HTML object on the screen. The subject responds by pressing a key. Feedback indicating the correctness of the response is given.</p> <p>The categorize html plugin shows an HTML object on the screen. The subject responds by pressing a key. Feedback indicating the correctness of the response is given.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1795,6 +1810,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-categorize-html@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-categorize-html.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-categorize-html
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">categorizeHtml</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-categorize-html&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Categorizing HTML content</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Categorizing HTML content</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code> <span class="kd">var</span> <span class="nx">categorization_trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code> <span class="kd">var</span> <span class="nx">categorization_trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -868,6 +868,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="categorize-image">categorize-image<a class="headerlink" href="#categorize-image" title="Permanent link">&para;</a></h1> <h1 id="categorize-image">categorize-image<a class="headerlink" href="#categorize-image" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-categorize-image/CHANGELOG.md">See version history</a>.</p>
<p>The categorize image plugin shows an image object on the screen. The subject responds by pressing a key. Feedback indicating the correctness of the response is given.</p> <p>The categorize image plugin shows an image object on the screen. The subject responds by pressing a key. Feedback indicating the correctness of the response is given.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1795,6 +1810,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-categorize-image@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-categorize-image.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-categorize-image
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">categorizeImage</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-categorize-image&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Categorizing an image</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Categorizing an image</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">categorization_trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">categorization_trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -880,6 +880,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="cloze">cloze<a class="headerlink" href="#cloze" title="Permanent link">&para;</a></h1> <h1 id="cloze">cloze<a class="headerlink" href="#cloze" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-cloze/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays a text with certain words removed. Participants are asked to replace the missing items. Responses are recorded when clicking a button. Optionally, responses are evaluated and a function is called in case of differences, making it possible to inform participants about mistakes.</p> <p>This plugin displays a text with certain words removed. Participants are asked to replace the missing items. Responses are recorded when clicking a button. Optionally, responses are evaluated and a function is called in case of differences, making it possible to inform participants about mistakes.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1720,6 +1735,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-cloze@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-cloze.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-cloze
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">cloze</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-cloze&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Simple cloze using default settings (no check against correct solution, no custom button text)</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Simple cloze using default settings (no check against correct solution, no custom button text)</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code> <span class="kd">var</span> <span class="nx">cloze_trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code> <span class="kd">var</span> <span class="nx">cloze_trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#external-html-plugin" class="md-skip"> <a href="#external-html" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -899,6 +899,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,6 +1683,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1728,7 +1742,8 @@
</a> </a>
<h1 id="external-html-plugin">external-html plugin<a class="headerlink" href="#external-html-plugin" title="Permanent link">&para;</a></h1> <h1 id="external-html">external-html<a class="headerlink" href="#external-html" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-external-html/CHANGELOG.md">See version history</a>.</p>
<p>The HTML plugin displays an external HTML document (often a consent form). Either a keyboard response or a button press can be used to continue to the next trial. It allows the experimenter to check if conditions are met (such as indicating informed consent) before continuing.</p> <p>The HTML plugin displays an external HTML document (often a consent form). Either a keyboard response or a button press can be used to continue to the next trial. It allows the experimenter to check if conditions are met (such as indicating informed consent) before continuing.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1805,6 +1820,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>In <code>visual</code> simulation mode, the plugin cannot interact with any form elements on the screen other than the <code>cont_btn</code> specified in the trial parameters. If your <code>check_fn</code> requires other user interaction, for example, clicking a checkbox, then you'll need to disable simulation for the trial and complete the interaction manually.</p> <p>In <code>visual</code> simulation mode, the plugin cannot interact with any form elements on the screen other than the <code>cont_btn</code> specified in the trial parameters. If your <code>check_fn</code> requires other user interaction, for example, clicking a checkbox, then you'll need to disable simulation for the trial and complete the interaction manually.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-external-html@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-external-html.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-external-html
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">externalHtml</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-external-html&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<h3 id="loading-a-consent-form">Loading a consent form<a class="headerlink" href="#loading-a-consent-form" title="Permanent link">&para;</a></h3> <h3 id="loading-a-consent-form">Loading a consent form<a class="headerlink" href="#loading-a-consent-form" title="Permanent link">&para;</a></h3>
<h5 id="this-content-would-be-in-a-file-called-external_pagehtml">This content would be in a file called 'external_page.html'<a class="headerlink" href="#this-content-would-be-in-a-file-called-external_pagehtml" title="Permanent link">&para;</a></h5> <h5 id="this-content-would-be-in-a-file-called-external_pagehtml">This content would be in a file called 'external_page.html'<a class="headerlink" href="#this-content-would-be-in-a-file-called-external_pagehtml" title="Permanent link">&para;</a></h5>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#free-sort-plugin" class="md-skip"> <a href="#free-sort" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -911,6 +911,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="free-sort-plugin">free-sort plugin<a class="headerlink" href="#free-sort-plugin" title="Permanent link">&para;</a></h1> <h1 id="free-sort">free-sort<a class="headerlink" href="#free-sort" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-free-sort/CHANGELOG.md">See version history</a>.</p>
<p>The free-sort plugin displays one or more images on the screen that the participant can interact with by clicking and dragging with a mouse, or touching and dragging with a touchscreen device. When the trial starts, the images can be positioned outside or inside the sort area. All images must be moved into the sorting area before the participant can click a button to end the trial. All of the moves that the participant performs are recorded, as well as the final positions of all images. This plugin could be useful when asking participants to position images based on similarity to one another, or to recall image spatial locations.</p> <p>The free-sort plugin displays one or more images on the screen that the participant can interact with by clicking and dragging with a mouse, or touching and dragging with a touchscreen device. When the trial starts, the images can be positioned outside or inside the sort area. All images must be moved into the sorting area before the participant can click a button to end the trial. All of the moves that the participant performs are recorded, as well as the final positions of all images. This plugin could be useful when asking participants to position images based on similarity to one another, or to recall image spatial locations.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1835,6 +1850,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-free-sort@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-free-sort.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-free-sort
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">freeSort</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-free-sort&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">sort_trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">sort_trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#fullscreen-plugin" class="md-skip"> <a href="#fullscreen" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -923,6 +923,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="fullscreen-plugin">fullscreen plugin<a class="headerlink" href="#fullscreen-plugin" title="Permanent link">&para;</a></h1> <h1 id="fullscreen">fullscreen<a class="headerlink" href="#fullscreen" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-fullscreen/CHANGELOG.md">See version history</a>.</p>
<p>The fullscreen plugin allows the experiment to enter or exit fullscreen mode. For security reasons, all browsers require that entry into fullscreen mode is triggered by a user action. To enter fullscreen mode, this plugin has the user click a button. Exiting fullscreen mode can be done without user input.</p> <p>The fullscreen plugin allows the experiment to enter or exit fullscreen mode. For security reasons, all browsers require that entry into fullscreen mode is triggered by a user action. To enter fullscreen mode, this plugin has the user click a button. Exiting fullscreen mode can be done without user input.</p>
<div class="admonition warning"> <div class="admonition warning">
<p class="admonition-title">Warning</p> <p class="admonition-title">Warning</p>
@ -1742,6 +1757,18 @@
<p>Web browsers do not allow fullscreen mode to be triggered by a script to avoid malicious usage of fullscreen behavior when the user is not wanting it. <p>Web browsers do not allow fullscreen mode to be triggered by a script to avoid malicious usage of fullscreen behavior when the user is not wanting it.
In <code>visual</code> simulation mode, the trial will run normally and the button will get a simulated click, but the display will not change. In <code>visual</code> simulation mode, the trial will run normally and the button will get a simulated click, but the display will not change.
If you want the display to actually enter fullscreen mode during the simulation, you should disable simulation for the fullscreen trial and manually click the button.</p> If you want the display to actually enter fullscreen mode during the simulation, you should disable simulation for the fullscreen trial and manually click the button.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-fullscreen@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-fullscreen.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-fullscreen
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">fullscreen</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-fullscreen&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Entering and exiting fullscreen</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Entering and exiting fullscreen</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">enter_fullscreen</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">enter_fullscreen</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -935,6 +935,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="html-audio-response">html-audio-response<a class="headerlink" href="#html-audio-response" title="Permanent link">&para;</a></h1> <h1 id="html-audio-response">html-audio-response<a class="headerlink" href="#html-audio-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-html-audio-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays HTML content and records audio from the participant via a microphone. </p> <p>This plugin displays HTML content and records audio from the participant via a microphone. </p>
<p>In order to get access to the microphone, you need to use the <a href="../initialize-microphone/">initialize-microphone plugin</a> on your timeline prior to using this plugin. <p>In order to get access to the microphone, you need to use the <a href="../initialize-microphone/">initialize-microphone plugin</a> on your timeline prior to using this plugin.
Once access is granted for an experiment you do not need to get permission again.</p> Once access is granted for an experiment you do not need to get permission again.</p>
@ -1804,6 +1819,18 @@ If you are running an experiment where you need this feature and you are recordi
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-html-audio-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-html-audio-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">htmlAudioResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-html-audio-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Simple spoken response to a stimulus</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Simple spoken response to a stimulus</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -940,6 +940,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="html-button-response">html-button-response<a class="headerlink" href="#html-button-response" title="Permanent link">&para;</a></h1> <h1 id="html-button-response">html-button-response<a class="headerlink" href="#html-button-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-html-button-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays HTML content and records responses generated by button click. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time. The button itself can be customized using HTML formatting.</p> <p>This plugin displays HTML content and records responses generated by button click. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time. The button itself can be customized using HTML formatting.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1760,6 +1775,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-html-button-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-html-button-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">htmlButtonResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-html-button-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying question until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying question until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -952,6 +952,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="html-keyboard-response">html-keyboard-response<a class="headerlink" href="#html-keyboard-response" title="Permanent link">&para;</a></h1> <h1 id="html-keyboard-response">html-keyboard-response<a class="headerlink" href="#html-keyboard-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-html-keyboard-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays HTML content and records responses generated with the keyboard.The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p> <p>This plugin displays HTML content and records responses generated with the keyboard.The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of undefined must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of undefined must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1742,6 +1757,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-html-keyboard-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-html-keyboard-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">htmlKeyboardResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-html-keyboard-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -964,6 +964,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="html-slider-response">html-slider-response<a class="headerlink" href="#html-slider-response" title="Permanent link">&para;</a></h1> <h1 id="html-slider-response">html-slider-response<a class="headerlink" href="#html-slider-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-html-slider-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays HTML content and allows the subject to respond by dragging a slider.</p> <p>This plugin displays HTML content and allows the subject to respond by dragging a slider.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1789,6 +1804,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-html-slider-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-html-slider-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-html-slider-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">htmlSliderResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-html-slider-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying question until subject move the slider</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying question until subject move the slider</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#iat-html-plugin" class="md-skip"> <a href="#iat-html" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -976,6 +976,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="iat-html-plugin">iat-html plugin<a class="headerlink" href="#iat-html-plugin" title="Permanent link">&para;</a></h1> <h1 id="iat-html">iat-html<a class="headerlink" href="#iat-html" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-iat-html/CHANGELOG.md">See version history</a>.</p>
<p>This plugin runs a single trial of the <a href="https://implicit.harvard.edu/implicit/iatdetails.html">implicit association test (IAT)</a>, using HTML content as the stimulus.</p> <p>This plugin runs a single trial of the <a href="https://implicit.harvard.edu/implicit/iatdetails.html">implicit association test (IAT)</a>, using HTML content as the stimulus.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1789,6 +1804,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-iat-html@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-iat-html.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-iat-html
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">iatHtml</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-iat-html&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying IAT question using html</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying IAT question using html</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -988,6 +988,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="iat-image">iat-image<a class="headerlink" href="#iat-image" title="Permanent link">&para;</a></h1> <h1 id="iat-image">iat-image<a class="headerlink" href="#iat-image" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-iat-image/CHANGELOG.md">See version history</a>.</p>
<p>This plugin runs a single trial of the <a href="https://implicit.harvard.edu/implicit/iatdetails.html">implicit association test (IAT)</a>, using an image as the stimulus.</p> <p>This plugin runs a single trial of the <a href="https://implicit.harvard.edu/implicit/iatdetails.html">implicit association test (IAT)</a>, using an image as the stimulus.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1789,6 +1804,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-iat-image@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-iat-image.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-iat-image
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">iatImage</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-iat-image&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying IAT question using image files</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying IAT question using image files</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial_block</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial_block</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1000,6 +1000,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="image-button-response">image-button-response<a class="headerlink" href="#image-button-response" title="Permanent link">&para;</a></h1> <h1 id="image-button-response">image-button-response<a class="headerlink" href="#image-button-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-image-button-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays an image and records responses generated with a button click. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time. The button itself can be customized using HTML formatting.</p> <p>This plugin displays an image and records responses generated with a button click. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time. The button itself can be customized using HTML formatting.</p>
<p>Image files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the image stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the images.</p> <p>Image files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the image stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the images.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1785,6 +1800,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-image-button-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-image-button-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-image-button-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">imageButtonResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-image-button-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying question until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying question until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1012,6 +1012,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="image-keyboard-response">image-keyboard-response<a class="headerlink" href="#image-keyboard-response" title="Permanent link">&para;</a></h1> <h1 id="image-keyboard-response">image-keyboard-response<a class="headerlink" href="#image-keyboard-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-image-keyboard-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays and image and records responses generated with the keyboard. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p> <p>This plugin displays and image and records responses generated with the keyboard. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the subject has failed to respond within a fixed length of time.</p>
<p>Image files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the image stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the images.</p> <p>Image files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the image stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the images.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1767,6 +1782,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-image-keyboard-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-image-keyboard-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">imageKeyboardResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-image-keyboard-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1024,6 +1024,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1677,7 @@
<h1 id="image-slider-response">image-slider-response<a class="headerlink" href="#image-slider-response" title="Permanent link">&para;</a></h1> <h1 id="image-slider-response">image-slider-response<a class="headerlink" href="#image-slider-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-image-slider-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays and image and allows the subject to respond by dragging a slider.</p> <p>This plugin displays and image and allows the subject to respond by dragging a slider.</p>
<p>Image files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the image stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the images.</p> <p>Image files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the image stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the images.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1814,6 +1829,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-image-slider-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-image-slider-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-image-slider-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">imageSliderResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-image-slider-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1043,6 +1043,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="initialize-microphone">initialize-microphone<a class="headerlink" href="#initialize-microphone" title="Permanent link">&para;</a></h1> <h1 id="initialize-microphone">initialize-microphone<a class="headerlink" href="#initialize-microphone" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-initialize-microphone/CHANGELOG.md">See version history</a>.</p>
<p>This plugin asks the participant to grant permission to access a microphone. <p>This plugin asks the participant to grant permission to access a microphone.
If multiple microphones are connected to the participant's device, then it allows the participant to pick which device to use. If multiple microphones are connected to the participant's device, then it allows the participant to pick which device to use.
Once access is granted for an experiment you do not need to get permission again.</p> Once access is granted for an experiment you do not need to get permission again.</p>
@ -1731,6 +1746,18 @@ Once access is granted for an experiment you do not need to get permission again
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-initialize-microphone.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-initialize-microphone
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">initializeMicrophone</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-initialize-microphone&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Ask for microphone permission</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Ask for microphone permission</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#instructions-plugin" class="md-skip"> <a href="#instructions" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1048,6 +1048,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1663,6 +1670,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1716,7 +1730,8 @@
</a> </a>
<h1 id="instructions-plugin">instructions plugin<a class="headerlink" href="#instructions-plugin" title="Permanent link">&para;</a></h1> <h1 id="instructions">instructions<a class="headerlink" href="#instructions" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-instructions/CHANGELOG.md">See version history</a>.</p>
<p>This plugin is for showing instructions to the subject. It allows subjects to navigate through multiple pages of instructions at their own pace, recording how long the subject spends on each page. Navigation can be done using the mouse or keyboard. Subjects can be allowed to navigate forwards and backwards through pages, if desired.</p> <p>This plugin is for showing instructions to the subject. It allows subjects to navigate through multiple pages of instructions at their own pace, recording how long the subject spends on each page. Navigation can be done using the mouse or keyboard. Subjects can be allowed to navigate forwards and backwards through pages, if desired.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1815,6 +1830,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-instructions@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-instructions.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-instructions
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">instructions</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-instructions&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<h4 id="showing-simple-text-instructions">Showing simple text instructions<a class="headerlink" href="#showing-simple-text-instructions" title="Permanent link">&para;</a></h4> <h4 id="showing-simple-text-instructions">Showing simple text instructions<a class="headerlink" href="#showing-simple-text-instructions" title="Permanent link">&para;</a></h4>
<details class="example" open="open"><summary>Showing simple text instructions</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Showing simple text instructions</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#maxdiff-plugin" class="md-skip"> <a href="#maxdiff" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1060,6 +1060,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="maxdiff-plugin">maxdiff plugin<a class="headerlink" href="#maxdiff-plugin" title="Permanent link">&para;</a></h1> <h1 id="maxdiff">maxdiff<a class="headerlink" href="#maxdiff" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-maxdiff/CHANGELOG.md">See version history</a>.</p>
<p>The maxdiff plugin displays a table with rows of alternatives to be selected for two mutually-exclusive categories, typically as 'most' or 'least' on a particular criteria (e.g. importance, preference, similarity). The participant responds by selecting one radio button corresponding to an alternative in both the left and right response columns. The same alternative cannot be endorsed on both the left and right response columns (e.g. 'most' and 'least') simultaneously.</p> <p>The maxdiff plugin displays a table with rows of alternatives to be selected for two mutually-exclusive categories, typically as 'most' or 'least' on a particular criteria (e.g. importance, preference, similarity). The participant responds by selecting one radio button corresponding to an alternative in both the left and right response columns. The same alternative cannot be endorsed on both the left and right response columns (e.g. 'most' and 'least') simultaneously.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1742,6 +1757,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-maxdiff@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-maxdiff.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-maxdiff
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">maxdiff</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-maxdiff&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">maxdiff_page</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">maxdiff_page</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1079,6 +1079,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="preload">preload<a class="headerlink" href="#preload" title="Permanent link">&para;</a></h1> <h1 id="preload">preload<a class="headerlink" href="#preload" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-preload/CHANGELOG.md">See version history</a>.</p>
<p>This plugin loads images, audio, and video files. It is used for loading files into the browser's memory before they are needed in the experiment, in order to improve stimulus and response timing, and avoid disruption to the experiment flow. We recommend using this plugin anytime you are loading media files, and especially when your experiment requires large and/or many media files. See the <a href="../overview/media-preloading/">Media Preloading page</a> for more information.</p> <p>This plugin loads images, audio, and video files. It is used for loading files into the browser's memory before they are needed in the experiment, in order to improve stimulus and response timing, and avoid disruption to the experiment flow. We recommend using this plugin anytime you are loading media files, and especially when your experiment requires large and/or many media files. See the <a href="../overview/media-preloading/">Media Preloading page</a> for more information.</p>
<p>The preload trial will end as soon as all files have loaded successfully. The trial will end or stop with an error message when one of these two scenarios occurs (whichever comes first): (a) all files have not finished loading when the <code>max_load_time</code> duration is reached, or (b) all file requests have responded with either a load or fail event, and one or more files has failed to load. The <code>continue_after_error</code> parameter determines whether the trial will stop with an error message or end (allowing the experiment to continue) when preloading is not successful.</p> <p>The preload trial will end as soon as all files have loaded successfully. The trial will end or stop with an error message when one of these two scenarios occurs (whichever comes first): (a) all files have not finished loading when the <code>max_load_time</code> duration is reached, or (b) all file requests have responded with either a load or fail event, and one or more files has failed to load. The <code>continue_after_error</code> parameter determines whether the trial will stop with an error message or end (allowing the experiment to continue) when preloading is not successful.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1812,6 +1827,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>In <code>visual</code> simulation mode, the plugin will run the trial as if the experiment was running normally. Specifying <code>simulation_options.data</code> will not work in <code>visual</code> mode.</p> <p>In <code>visual</code> simulation mode, the plugin will run the trial as if the experiment was running normally. Specifying <code>simulation_options.data</code> will not work in <code>visual</code> mode.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-preload@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-preload.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-preload
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">preload</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-preload&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Automatically preloading based on other trials</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Automatically preloading based on other trials</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<p><div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">preload</span> <span class="o">=</span> <span class="p">{</span> <p><div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">preload</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#reconstruction-plugin" class="md-skip"> <a href="#reconstruction" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1084,6 +1084,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="reconstruction-plugin">reconstruction plugin<a class="headerlink" href="#reconstruction-plugin" title="Permanent link">&para;</a></h1> <h1 id="reconstruction">reconstruction<a class="headerlink" href="#reconstruction" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-reconstruction/CHANGELOG.md">See version history</a>.</p>
<p>This plugin allows a subject to interact with a stimulus by modifying a parameter of the stimulus and observing the change in the stimulus in real-time.</p> <p>This plugin allows a subject to interact with a stimulus by modifying a parameter of the stimulus and observing the change in the stimulus in real-time.</p>
<p>The stimulus must be defined through a function that returns an HTML-formatted string. The function should take a single value, which is the parameter that can be modified by the subject. The value can only range from 0 to 1. See the example at the bottom of the page for a sample function.</p> <p>The stimulus must be defined through a function that returns an HTML-formatted string. The function should take a single value, which is the parameter that can be modified by the subject. The value can only range from 0 to 1. See the example at the bottom of the page for a sample function.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1743,6 +1758,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-reconstruction@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-reconstruction.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-reconstruction
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">reconstruction</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-reconstruction&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Make a block larger and smaller</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Make a block larger and smaller</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">sample_function</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">param</span><span class="p">){</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">sample_function</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">param</span><span class="p">){</span>

View File

@ -1103,6 +1103,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="resize">resize<a class="headerlink" href="#resize" title="Permanent link">&para;</a></h1> <h1 id="resize">resize<a class="headerlink" href="#resize" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-resize/CHANGELOG.md">See version history</a>.</p>
<p>This plugin displays a resizable div container that allows the user to drag until the container is the same size as the item being measured. Once the user measures the item as close as possible, clicking the button sets a scaling factor for the div containing jsPsych content. This causes the stimuli that follow to have a known size, independent of monitor resolution.</p> <p>This plugin displays a resizable div container that allows the user to drag until the container is the same size as the item being measured. Once the user measures the item as close as possible, clicking the button sets a scaling factor for the div containing jsPsych content. This causes the stimuli that follow to have a known size, independent of monitor resolution.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1753,6 +1768,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-resize@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-resize.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-resize
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">resize</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-resize&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Measuring a credit card and resizing the display to have 150 pixels equal an inch.</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Measuring a credit card and resizing the display to have 150 pixels equal an inch.</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">inputs</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">inputs</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#same-different-html-plugin" class="md-skip"> <a href="#same-different-html" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1108,6 +1108,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="same-different-html-plugin">same-different-html plugin<a class="headerlink" href="#same-different-html-plugin" title="Permanent link">&para;</a></h1> <h1 id="same-different-html">same-different-html<a class="headerlink" href="#same-different-html" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-same-different-html/CHANGELOG.md">See version history</a>.</p>
<p>The same-different-html plugin displays two stimuli sequentially. Stimuli are HTML objects. The subject responds using the keyboard, and indicates whether the stimuli were the same or different. Same does not necessarily mean identical; a category judgment could be made, for example.</p> <p>The same-different-html plugin displays two stimuli sequentially. Stimuli are HTML objects. The subject responds using the keyboard, and indicates whether the stimuli were the same or different. Same does not necessarily mean identical; a category judgment could be made, for example.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1786,6 +1801,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-same-different-html@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-same-different-html.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-same-different-html
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">sameDifferentHtml</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-same-different-html&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Two text choices</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Two text choices</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#same-different-image-plugin" class="md-skip"> <a href="#same-different-image" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1120,6 +1120,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="same-different-image-plugin">same-different-image plugin<a class="headerlink" href="#same-different-image-plugin" title="Permanent link">&para;</a></h1> <h1 id="same-different-image">same-different-image<a class="headerlink" href="#same-different-image" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-same-different-image/CHANGELOG.md">See version history</a>.</p>
<p>The same-different-image plugin displays two stimuli sequentially. Stimuli are images. The subject responds using the keyboard, and indicates whether the stimuli were the same or different. Same does not necessarily mean identical; a category judgment could be made, for example.</p> <p>The same-different-image plugin displays two stimuli sequentially. Stimuli are images. The subject responds using the keyboard, and indicates whether the stimuli were the same or different. Same does not necessarily mean identical; a category judgment could be made, for example.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1786,6 +1801,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-same-different-image@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-same-different-image.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-same-different-image
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">sameDifferentImage</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-same-different-image&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Identifying emotional expressions</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Identifying emotional expressions</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#serial-reaction-time-mouse-plugin" class="md-skip"> <a href="#serial-reaction-time-mouse" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1144,6 +1144,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="serial-reaction-time-mouse-plugin">serial-reaction-time-mouse plugin<a class="headerlink" href="#serial-reaction-time-mouse-plugin" title="Permanent link">&para;</a></h1> <h1 id="serial-reaction-time-mouse">serial-reaction-time-mouse<a class="headerlink" href="#serial-reaction-time-mouse" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-serial-reaction-time-mouse/CHANGELOG.md">See version history</a>.</p>
<p>The serial reaction time mouse plugin implements a generalized version of the SRT task <a href="https://doi.org/10.1016%2F0010-0285%2887%2990002-8">(Nissen &amp; Bullmer, 1987)</a>. Squares are displayed in a grid-based system on the screen, and one square changes color. The participant must click on the square that changes color.</p> <p>The serial reaction time mouse plugin implements a generalized version of the SRT task <a href="https://doi.org/10.1016%2F0010-0285%2887%2990002-8">(Nissen &amp; Bullmer, 1987)</a>. Squares are displayed in a grid-based system on the screen, and one square changes color. The participant must click on the square that changes color.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1772,10 +1787,22 @@
<tr> <tr>
<td>correct</td> <td>correct</td>
<td>boolean</td> <td>boolean</td>
<td>Whether the response location matches the target location (<code>true</code>) or not (<code>false</code>)l</td> <td>Whether the response location matches the target location (<code>true</code>) or not (<code>false</code>).</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-serial-reaction-time-mouse.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-serial-reaction-time-mouse
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">serialReactionTimeMouse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-serial-reaction-time-mouse&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>A classic version of the SRT</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>A classic version of the SRT</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">grid</span> <span class="o">=</span> <span class="p">[</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">grid</span> <span class="o">=</span> <span class="p">[</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#serial-reaction-time-plugin" class="md-skip"> <a href="#serial-reaction-time" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1132,6 +1132,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="serial-reaction-time-plugin">serial-reaction-time plugin<a class="headerlink" href="#serial-reaction-time-plugin" title="Permanent link">&para;</a></h1> <h1 id="serial-reaction-time">serial-reaction-time<a class="headerlink" href="#serial-reaction-time" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-serial-reaction-time/CHANGELOG.md">See version history</a>.</p>
<p>The serial reaction time plugin implements a generalized version of the SRT task <a href="https://doi.org/10.1016%2F0010-0285%2887%2990002-8">(Nissen &amp; Bullemer, 1987)</a>. Squares are displayed in a grid-based system on the screen, and one square changes color. The participant presses a key that corresponds to the darkened key. Feedback is optionally displayed, showing the participant which square the key they pressed matches.</p> <p>The serial reaction time plugin implements a generalized version of the SRT task <a href="https://doi.org/10.1016%2F0010-0285%2887%2990002-8">(Nissen &amp; Bullemer, 1987)</a>. Squares are displayed in a grid-based system on the screen, and one square changes color. The participant presses a key that corresponds to the darkened key. Feedback is optionally displayed, showing the participant which square the key they pressed matches.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1788,6 +1803,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-serial-reaction-time.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-serial-reaction-time
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">serialReactionTime</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-serial-reaction-time&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>A classic SRT</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>A classic SRT</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">instructions</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">instructions</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#sketchpad-plugin" class="md-skip"> <a href="#sketchpad" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1163,6 +1163,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="sketchpad-plugin">sketchpad plugin<a class="headerlink" href="#sketchpad-plugin" title="Permanent link">&para;</a></h1> <h1 id="sketchpad">sketchpad<a class="headerlink" href="#sketchpad" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.1. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-sketchpad/CHANGELOG.md">See version history</a>.</p>
<p>This plugin creates an interactive canvas that the participant can draw on using their mouse or touchscreen. <p>This plugin creates an interactive canvas that the participant can draw on using their mouse or touchscreen.
It can be used for sketching tasks, like asking the participant to draw a particular object. It can be used for sketching tasks, like asking the participant to draw a particular object.
It can also be used for some image segmentation or annotation tasks by setting the <code>background_image</code> parameter to render an image on the canvas.</p> It can also be used for some image segmentation or annotation tasks by setting the <code>background_image</code> parameter to render an image on the canvas.</p>
@ -1907,6 +1922,18 @@ You can do this by putting data saving code inside the <a href="../../overview/e
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-sketchpad@1.0.1&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-sketchpad.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-sketchpad
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">sketchpad</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-sketchpad&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Basic sketchpad with a prompt</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Basic sketchpad with a prompt</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#survey-html-form-plugin" class="md-skip"> <a href="#survey-html-form" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1187,6 +1187,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="survey-html-form-plugin">survey-html-form plugin<a class="headerlink" href="#survey-html-form-plugin" title="Permanent link">&para;</a></h1> <h1 id="survey-html-form">survey-html-form<a class="headerlink" href="#survey-html-form" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-survey-html-form/CHANGELOG.md">See version history</a>.</p>
<p>The survey-html-form plugin displays a set of <code>&lt;inputs&gt;</code> from a HTML string. The type of input can be freely chosen, for a list of possible input types see the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input">MDN page on inputs</a>. The subject provides answers to the input fields.</p> <p>The survey-html-form plugin displays a set of <code>&lt;inputs&gt;</code> from a HTML string. The type of input can be freely chosen, for a list of possible input types see the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input">MDN page on inputs</a>. The subject provides answers to the input fields.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1753,6 +1768,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-survey-html-form.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-survey-html-form
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">surveyHtmlForm</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-survey-html-form&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Fill in the blanks</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Fill in the blanks</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#survey-likert-plugin" class="md-skip"> <a href="#survey-likert" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1192,6 +1192,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="survey-likert-plugin">survey-likert plugin<a class="headerlink" href="#survey-likert-plugin" title="Permanent link">&para;</a></h1> <h1 id="survey-likert">survey-likert<a class="headerlink" href="#survey-likert" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-survey-likert/CHANGELOG.md">See version history</a>.</p>
<p>The survey-likert plugin displays a set of questions with Likert scale responses. The subject responds by selecting a radio button.</p> <p>The survey-likert plugin displays a set of questions with Likert scale responses. The subject responds by selecting a radio button.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1742,6 +1757,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-survey-likert@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-survey-likert.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-survey-likert
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">surveyLikert</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-survey-likert&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Single Question</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Single Question</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#survey-multi-choice-plugin" class="md-skip"> <a href="#survey-multi-choice" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1204,6 +1204,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="survey-multi-choice-plugin">survey-multi-choice plugin<a class="headerlink" href="#survey-multi-choice-plugin" title="Permanent link">&para;</a></h1> <h1 id="survey-multi-choice">survey-multi-choice<a class="headerlink" href="#survey-multi-choice" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-survey-multi-choice/CHANGELOG.md">See version history</a>.</p>
<p>The survey-multi-choice plugin displays a set of questions with multiple choice response fields. The subject selects a single answer.</p> <p>The survey-multi-choice plugin displays a set of questions with multiple choice response fields. The subject selects a single answer.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1736,6 +1751,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-survey-multi-choice.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-survey-multi-choice
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">surveyMultiChoice</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-survey-multi-choice&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Vertical Question Alignment</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Vertical Question Alignment</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#survey-multi-select-plugin" class="md-skip"> <a href="#survey-multi-select" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1216,6 +1216,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="survey-multi-select-plugin">survey-multi-select plugin<a class="headerlink" href="#survey-multi-select-plugin" title="Permanent link">&para;</a></h1> <h1 id="survey-multi-select">survey-multi-select<a class="headerlink" href="#survey-multi-select" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-survey-multi-select/CHANGELOG.md">See version history</a>.</p>
<p>The survey-multi-select plugin displays a set of questions with multiple select response fields. The subject could select multiple answers.</p> <p>The survey-multi-select plugin displays a set of questions with multiple select response fields. The subject could select multiple answers.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1742,6 +1757,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-survey-multi-select@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-survey-multi-select.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-survey-multi-select
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">surveyMultiSelect</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-survey-multi-select&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Multiple Questions on a Page</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Multiple Questions on a Page</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#survey-text-plugin" class="md-skip"> <a href="#survey-text" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1228,6 +1228,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="survey-text-plugin">survey-text plugin<a class="headerlink" href="#survey-text-plugin" title="Permanent link">&para;</a></h1> <h1 id="survey-text">survey-text<a class="headerlink" href="#survey-text" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-survey-text/CHANGELOG.md">See version history</a>.</p>
<p>The survey-text plugin displays a set of questions with free response text fields. The subject types in answers.</p> <p>The survey-text plugin displays a set of questions with free response text fields. The subject types in answers.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1736,6 +1751,18 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-survey-text@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-survey-text.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-survey-text
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">surveyText</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-survey-text&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Single question and response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Single question and response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1271,6 +1271,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1842,6 +1849,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1869,6 +1883,7 @@
<h1 id="survey">survey<a class="headerlink" href="#survey" title="Permanent link">&para;</a></h1> <h1 id="survey">survey<a class="headerlink" href="#survey" title="Permanent link">&para;</a></h1>
<p>Current version: 0.1.1. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-survey/CHANGELOG.md">See version history</a>.</p>
<p>The survey plugin displays one or more questions of different types, on one or more pages that the participant can navigate. This plugin is built on top of the <a href="https://surveyjs.io/">SurveyJS</a> library.</p> <p>The survey plugin displays one or more questions of different types, on one or more pages that the participant can navigate. This plugin is built on top of the <a href="https://surveyjs.io/">SurveyJS</a> library.</p>
<p>The supported question types are: </p> <p>The supported question types are: </p>
<ul> <ul>
@ -2312,6 +2327,18 @@ Other parameters can be left unspecified if the default value is acceptable.</p>
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-survey@0.1.1&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-survey.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-survey
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">survey</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-survey&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Basic single page</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Basic single page</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#video-button-response-plugin" class="md-skip"> <a href="#video-button-response" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1247,6 +1247,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="video-button-response-plugin">video-button-response plugin<a class="headerlink" href="#video-button-response-plugin" title="Permanent link">&para;</a></h1> <h1 id="video-button-response">video-button-response<a class="headerlink" href="#video-button-response" title="Permanent link">&para;</a></h1>
<p>Current version: 9.9.9. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-video-button-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin plays a video and records responses generated by button click. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically when the subject responds, when the video file has finished playing, or if the subject has failed to respond within a fixed length of time. You can also prevent a button response from being made before the video has finished playing. The button itself can be customized using HTML formatting.</p> <p>This plugin plays a video and records responses generated by button click. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically when the subject responds, when the video file has finished playing, or if the subject has failed to respond within a fixed length of time. You can also prevent a button response from being made before the video has finished playing. The button itself can be customized using HTML formatting.</p>
<p>Video files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the video stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the videos. Also note that video preloading is disabled when the experiment is running as a file (i.e. opened directly in the browser, rather than through a server), in order to prevent CORS errors - see the section on <a href="../../overview/running-experiments/">Running Experiments</a> for more information.</p> <p>Video files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the video stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the videos. Also note that video preloading is disabled when the experiment is running as a file (i.e. opened directly in the browser, rather than through a server), in order to prevent CORS errors - see the section on <a href="../../overview/running-experiments/">Running Experiments</a> for more information.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1827,6 +1842,18 @@
<p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time. <p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time.
This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown. This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown.
This may change in a future version as we improve the simulation modes.</p> This may change in a future version as we improve the simulation modes.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-video-button-response@9.9.9&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-video-button-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-video-button-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">videoButtonResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-video-button-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2> <h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Responses disabled until the video is complete</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Responses disabled until the video is complete</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#video-keyboard-response-plugin" class="md-skip"> <a href="#video-keyboard-response" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1259,6 +1259,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="video-keyboard-response-plugin">video-keyboard-response plugin<a class="headerlink" href="#video-keyboard-response-plugin" title="Permanent link">&para;</a></h1> <h1 id="video-keyboard-response">video-keyboard-response<a class="headerlink" href="#video-keyboard-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-video-keyboard-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin plays a video file and records a keyboard response. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically when the subject responds, when the video file has finished playing, or if the subject has failed to respond within a fixed length of time. You can also prevent a keyboard response from being recorded before the video has finished playing.</p> <p>This plugin plays a video file and records a keyboard response. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically when the subject responds, when the video file has finished playing, or if the subject has failed to respond within a fixed length of time. You can also prevent a keyboard response from being recorded before the video has finished playing.</p>
<p>Video files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the video stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the videos. Also note that video preloading is disabled when the experiment is running as a file (i.e. opened directly in the browser, rather than through a server), in order to prevent CORS errors - see the section on <a href="../../overview/running-experiments/">Running Experiments</a> for more information.</p> <p>Video files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the video stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the videos. Also note that video preloading is disabled when the experiment is running as a file (i.e. opened directly in the browser, rather than through a server), in order to prevent CORS errors - see the section on <a href="../../overview/running-experiments/">Running Experiments</a> for more information.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1809,6 +1824,18 @@
<p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time. <p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time.
This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown. This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown.
This may change in a future version as we improve the simulation modes.</p> This may change in a future version as we improve the simulation modes.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-video-keyboard-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-video-keyboard-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-video-keyboard-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">videoKeyboardResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-video-keyboard-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Show a video and advance to next trial automatically</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Show a video and advance to next trial automatically</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#video-slider-response-plugin" class="md-skip"> <a href="#video-slider-response" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1271,6 +1271,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1676,7 +1690,8 @@
</a> </a>
<h1 id="video-slider-response-plugin">video-slider-response plugin<a class="headerlink" href="#video-slider-response-plugin" title="Permanent link">&para;</a></h1> <h1 id="video-slider-response">video-slider-response<a class="headerlink" href="#video-slider-response" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-video-slider-response/CHANGELOG.md">See version history</a>.</p>
<p>This plugin plays a video and allows the subject to respond by dragging a slider. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically when the subject responds, when the video file has finished playing, or if the subject has failed to respond within a fixed length of time. You can also prevent the slider response from being made before the video has finished playing.</p> <p>This plugin plays a video and allows the subject to respond by dragging a slider. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically when the subject responds, when the video file has finished playing, or if the subject has failed to respond within a fixed length of time. You can also prevent the slider response from being made before the video has finished playing.</p>
<p>Video files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the video stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the videos. Also note that video preloading is disabled when the experiment is running as a file (i.e. opened directly in the browser, rather than through a server), in order to prevent CORS errors - see the section on <a href="../../overview/running-experiments/">Running Experiments</a> for more information.</p> <p>Video files can be automatically preloaded by jsPsych using the <a href="../preload/"><code>preload</code> plugin</a>. However, if you are using timeline variables or another dynamic method to specify the video stimulus, you will need to <a href="../../overview/media-preloading/#manual-preloading">manually preload</a> the videos. Also note that video preloading is disabled when the experiment is running as a file (i.e. opened directly in the browser, rather than through a server), in order to prevent CORS errors - see the section on <a href="../../overview/running-experiments/">Running Experiments</a> for more information.</p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1861,6 +1876,18 @@
<p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time. <p>In <code>data-only</code> simulation mode, the <code>response_allowed_while_playing</code> parameter does not currently influence the simulated response time.
This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown. This is because the audio file is not loaded in <code>data-only</code> mode and therefore the length is unknown.
This may change in a future version as we improve the simulation modes.</p> This may change in a future version as we improve the simulation modes.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-video-slider-response@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-video-slider-response.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-video-slider-response
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">videoSliderResponse</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-video-slider-response&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2> <h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Rate enjoyment of a video clip</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Rate enjoyment of a video clip</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1283,6 +1283,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="virtual-chinrest">virtual-chinrest<a class="headerlink" href="#virtual-chinrest" title="Permanent link">&para;</a></h1> <h1 id="virtual-chinrest">virtual-chinrest<a class="headerlink" href="#virtual-chinrest" title="Permanent link">&para;</a></h1>
<p>Current version: 2.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-virtual-chinrest/CHANGELOG.md">See version history</a>.</p>
<p>This plugin provides a "virtual chinrest" that can measure the distance between the participant and the screen. It can also standardize the jsPsych page content to a known physical dimension (e.g., ensuring that a 200px wide stimulus is 2.2cm wide on the participant's monitor). This is based on the work of <a href="https://doi.org/10.1038/s41598-019-57204-1">Li, Joo, Yeatman, and Reinecke (2020)</a>, and the plugin code is a modified version of <a href="https://github.com/QishengLi/virtual_chinrest">their implementation</a>. We recommend citing their work in any paper that makes use of this plugin.</p> <p>This plugin provides a "virtual chinrest" that can measure the distance between the participant and the screen. It can also standardize the jsPsych page content to a known physical dimension (e.g., ensuring that a 200px wide stimulus is 2.2cm wide on the participant's monitor). This is based on the work of <a href="https://doi.org/10.1038/s41598-019-57204-1">Li, Joo, Yeatman, and Reinecke (2020)</a>, and the plugin code is a modified version of <a href="https://github.com/QishengLi/virtual_chinrest">their implementation</a>. We recommend citing their work in any paper that makes use of this plugin.</p>
<div class="admonition note"> <div class="admonition note">
<p class="admonition-title">Citation</p> <p class="admonition-title">Citation</p>
@ -1859,6 +1874,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-virtual-chinrest@2.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-virtual-chinrest.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-virtual-chinrest
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">virtualChinrest</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-virtual-chinrest&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2> <h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Measure distance to screen and pixel ratio; no resizing</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Measure distance to screen and pixel ratio; no resizing</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -78,7 +78,7 @@
<div data-md-component="skip"> <div data-md-component="skip">
<a href="#visual-search-circle-plugin" class="md-skip"> <a href="#visual-search-circle" class="md-skip">
Skip to content Skip to content
</a> </a>
@ -1288,6 +1288,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1636,6 +1643,13 @@
Data Generated Data Generated
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1662,7 +1676,8 @@
</a> </a>
<h1 id="visual-search-circle-plugin">visual-search-circle plugin<a class="headerlink" href="#visual-search-circle-plugin" title="Permanent link">&para;</a></h1> <h1 id="visual-search-circle">visual-search-circle<a class="headerlink" href="#visual-search-circle" title="Permanent link">&para;</a></h1>
<p>Current version: 1.1.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-visual-search-circle/CHANGELOG.md">See version history</a>.</p>
<p>This plugin presents a customizable visual-search task modelled after <a href="http://dx.doi.org/10.3758/BF03206946">Wang, Cavanagh, &amp; Green (1994)</a>. The subject indicates whether or not a target is present among a set of distractors. The stimuli are displayed in a circle, evenly-spaced, equidistant from a fixation point. Here is an example using normal and backward Ns:</p> <p>This plugin presents a customizable visual-search task modelled after <a href="http://dx.doi.org/10.3758/BF03206946">Wang, Cavanagh, &amp; Green (1994)</a>. The subject indicates whether or not a target is present among a set of distractors. The stimuli are displayed in a circle, evenly-spaced, equidistant from a fixation point. Here is an example using normal and backward Ns:</p>
<p><img alt="Sample Visual Search Stimulus" src="../../img/visual_search_example.jpg" /></p> <p><img alt="Sample Visual Search Stimulus" src="../../img/visual_search_example.jpg" /></p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
@ -1806,6 +1821,18 @@ OR</li>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-visual-search-circle@1.1.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-visual-search-circle.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-visual-search-circle
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">visualSearchCircle</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-visual-search-circle&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2> <h2 id="examples">Examples<a class="headerlink" href="#examples" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Identical distractors</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"> <details class="example" open="open"><summary>Identical distractors</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">instructions</span> <span class="o">=</span> <span class="p">{</span> <div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">instructions</span> <span class="o">=</span> <span class="p">{</span>

View File

@ -1307,6 +1307,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="webgazer-calibrate">webgazer-calibrate<a class="headerlink" href="#webgazer-calibrate" title="Permanent link">&para;</a></h1> <h1 id="webgazer-calibrate">webgazer-calibrate<a class="headerlink" href="#webgazer-calibrate" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-webgazer-calibrate/CHANGELOG.md">See version history</a>.</p>
<p>This plugin can be used to calibrate the <a href="../../extensions/webgazer/">WebGazer extension</a>. For a narrative description of eye tracking with jsPsych, see the <a href="../../overview/eye-tracking/">eye tracking overview</a>. </p> <p>This plugin can be used to calibrate the <a href="../../extensions/webgazer/">WebGazer extension</a>. For a narrative description of eye tracking with jsPsych, see the <a href="../../overview/eye-tracking/">eye tracking overview</a>. </p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1755,6 +1770,18 @@
<p>No data currently added by this plugin. Use the <a href="../webgazer-validate">webgazer-validate</a> plugin to measure the precision and accuracy of calibration.</p> <p>No data currently added by this plugin. Use the <a href="../webgazer-validate">webgazer-validate</a> plugin to measure the precision and accuracy of calibration.</p>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-webgazer-calibrate@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-webgazer-calibrate.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-webgazer-calibrate
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">webgazerCalibrate</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-webgazer-calibrate&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2> <h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<p>Because the eye tracking plugins need to be used in conjunction with each other, please see the <a href="../../overview/eye-tracking/#example">example on the eye tracking overview page</a> for an integrated example. </p> <p>Because the eye tracking plugins need to be used in conjunction with each other, please see the <a href="../../overview/eye-tracking/#example">example on the eye tracking overview page</a> for an integrated example. </p>

View File

@ -1319,6 +1319,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="webgazer-init-camera">webgazer-init-camera<a class="headerlink" href="#webgazer-init-camera" title="Permanent link">&para;</a></h1> <h1 id="webgazer-init-camera">webgazer-init-camera<a class="headerlink" href="#webgazer-init-camera" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-webgazer-init-camera/CHANGELOG.md">See version history</a>.</p>
<p>This plugin initializes the camera and helps the participant center their face in the camera view for using the the <a href="../../extensions/webgazer/">WebGazer extension</a>. For a narrative description of eye tracking with jsPsych, see the <a href="../../overview/eye-tracking/">eye tracking overview</a>. </p> <p>This plugin initializes the camera and helps the participant center their face in the camera view for using the the <a href="../../extensions/webgazer/">WebGazer extension</a>. For a narrative description of eye tracking with jsPsych, see the <a href="../../overview/eye-tracking/">eye tracking overview</a>. </p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1724,6 +1739,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-webgazer-init-camera@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-webgazer-init-camera.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-webgazer-init-camera
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">webgazerInitCamera</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-webgazer-init-camera&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2> <h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<p>Because the eye tracking plugins need to be used in conjunction with each other, please see the <a href="../../overview/eye-tracking/#example">example on the eye tracking overview page</a> for an integrated example. </p> <p>Because the eye tracking plugins need to be used in conjunction with each other, please see the <a href="../../overview/eye-tracking/#example">example on the eye tracking overview page</a> for an integrated example. </p>

View File

@ -1331,6 +1331,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1650,6 +1657,13 @@
Simulation Mode Simulation Mode
</a> </a>
</li>
<li class="md-nav__item">
<a href="#install" class="md-nav__link">
Install
</a>
</li> </li>
<li class="md-nav__item"> <li class="md-nav__item">
@ -1677,6 +1691,7 @@
<h1 id="webgazer-validate">webgazer-validate<a class="headerlink" href="#webgazer-validate" title="Permanent link">&para;</a></h1> <h1 id="webgazer-validate">webgazer-validate<a class="headerlink" href="#webgazer-validate" title="Permanent link">&para;</a></h1>
<p>Current version: 1.0.0. <a href="https://github.com/jspsych/jsPsych/blob/main/packages/plugin-webgazer-validate/CHANGELOG.md">See version history</a>.</p>
<p>This plugin can be used to measure the accuracy and precision of gaze predictions made by the <a href="../../extensions/webgazer/">WebGazer extension</a>. For a narrative description of eye tracking with jsPsych, see the <a href="../../overview/eye-tracking/">eye tracking overview</a>. </p> <p>This plugin can be used to measure the accuracy and precision of gaze predictions made by the <a href="../../extensions/webgazer/">WebGazer extension</a>. For a narrative description of eye tracking with jsPsych, see the <a href="../../overview/eye-tracking/">eye tracking overview</a>. </p>
<h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2> <h2 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">&para;</a></h2>
<p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p> <p>In addition to the <a href="../../overview/plugins/#parameters-available-in-all-plugins">parameters available in all plugins</a>, this plugin accepts the following parameters. Parameters with a default value of <em>undefined</em> must be specified. Other parameters can be left unspecified if the default value is acceptable.</p>
@ -1780,6 +1795,18 @@
</table> </table>
<h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2> <h2 id="simulation-mode">Simulation Mode<a class="headerlink" href="#simulation-mode" title="Permanent link">&para;</a></h2>
<p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p> <p>This plugin does not yet support <a href="../../overview/simulation/">simulation mode</a>.</p>
<h2 id="install">Install<a class="headerlink" href="#install" title="Permanent link">&para;</a></h2>
<p>Using the CDN-hosted JavaScript file:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://unpkg.com/@jspsych/plugin-webgazer-validate@1.0.0&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using the JavaScript file downloaded from a GitHub release dist archive:</p>
<div class="highlight"><pre><span></span><code><span class="o">&lt;</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;jspsych/plugin-webgazer-validate.js&quot;</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div>
<p>Using NPM:</p>
<p><div class="highlight"><pre><span></span><code>npm install @jspsych/plugin-webgazer-validate
</code></pre></div>
<div class="highlight"><pre><span></span><code><span class="kr">import</span> <span class="nx">webgazerValidate</span> <span class="nx">from</span> <span class="s1">&#39;@jspsych/plugin-webgazer-validate&#39;</span><span class="p">;</span>
</code></pre></div></p>
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2> <h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<p>Because the eye tracking plugins need to be used in conjunction with each other, please see the <a href="../../overview/eye-tracking/#example">example on the eye tracking overview page</a> for an integrated example. </p> <p>Because the eye tracking plugins need to be used in conjunction with each other, please see the <a href="../../overview/eye-tracking/#example">example on the eye tracking overview page</a> for an integrated example. </p>

File diff suppressed because one or more lines are too long

View File

@ -2,457 +2,457 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://www.jspsych.org/7.2/</loc> <loc>https://www.jspsych.org/7.2/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/about/about/</loc> <loc>https://www.jspsych.org/7.2/about/about/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/about/license/</loc> <loc>https://www.jspsych.org/7.2/about/license/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/developers/configuration/</loc> <loc>https://www.jspsych.org/7.2/developers/configuration/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/developers/contributing/</loc> <loc>https://www.jspsych.org/7.2/developers/contributing/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/developers/extension-development/</loc> <loc>https://www.jspsych.org/7.2/developers/extension-development/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/developers/plugin-development/</loc> <loc>https://www.jspsych.org/7.2/developers/plugin-development/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/extensions/list-of-extensions/</loc> <loc>https://www.jspsych.org/7.2/extensions/list-of-extensions/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/extensions/mouse-tracking/</loc> <loc>https://www.jspsych.org/7.2/extensions/mouse-tracking/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/extensions/webgazer/</loc> <loc>https://www.jspsych.org/7.2/extensions/webgazer/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/browser-device-support/</loc> <loc>https://www.jspsych.org/7.2/overview/browser-device-support/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/data/</loc> <loc>https://www.jspsych.org/7.2/overview/data/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/dynamic-parameters/</loc> <loc>https://www.jspsych.org/7.2/overview/dynamic-parameters/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/events/</loc> <loc>https://www.jspsych.org/7.2/overview/events/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/exclude-browser/</loc> <loc>https://www.jspsych.org/7.2/overview/exclude-browser/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/experiment-options/</loc> <loc>https://www.jspsych.org/7.2/overview/experiment-options/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/extensions/</loc> <loc>https://www.jspsych.org/7.2/overview/extensions/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/eye-tracking/</loc> <loc>https://www.jspsych.org/7.2/overview/eye-tracking/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/fullscreen/</loc> <loc>https://www.jspsych.org/7.2/overview/fullscreen/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/media-preloading/</loc> <loc>https://www.jspsych.org/7.2/overview/media-preloading/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/mturk/</loc> <loc>https://www.jspsych.org/7.2/overview/mturk/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/plugins/</loc> <loc>https://www.jspsych.org/7.2/overview/plugins/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/progress-bar/</loc> <loc>https://www.jspsych.org/7.2/overview/progress-bar/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/prolific/</loc> <loc>https://www.jspsych.org/7.2/overview/prolific/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/record-browser-interactions/</loc> <loc>https://www.jspsych.org/7.2/overview/record-browser-interactions/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/running-experiments/</loc> <loc>https://www.jspsych.org/7.2/overview/running-experiments/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/simulation/</loc> <loc>https://www.jspsych.org/7.2/overview/simulation/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/style/</loc> <loc>https://www.jspsych.org/7.2/overview/style/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/timeline/</loc> <loc>https://www.jspsych.org/7.2/overview/timeline/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/overview/timing-accuracy/</loc> <loc>https://www.jspsych.org/7.2/overview/timing-accuracy/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/animation/</loc> <loc>https://www.jspsych.org/7.2/plugins/animation/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/audio-button-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/audio-button-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/audio-keyboard-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/audio-keyboard-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/audio-slider-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/audio-slider-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/browser-check/</loc> <loc>https://www.jspsych.org/7.2/plugins/browser-check/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/call-function/</loc> <loc>https://www.jspsych.org/7.2/plugins/call-function/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/canvas-button-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/canvas-button-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/canvas-keyboard-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/canvas-keyboard-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/canvas-slider-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/canvas-slider-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/categorize-animation/</loc> <loc>https://www.jspsych.org/7.2/plugins/categorize-animation/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/categorize-html/</loc> <loc>https://www.jspsych.org/7.2/plugins/categorize-html/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/categorize-image/</loc> <loc>https://www.jspsych.org/7.2/plugins/categorize-image/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/cloze/</loc> <loc>https://www.jspsych.org/7.2/plugins/cloze/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/external-html/</loc> <loc>https://www.jspsych.org/7.2/plugins/external-html/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/free-sort/</loc> <loc>https://www.jspsych.org/7.2/plugins/free-sort/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/fullscreen/</loc> <loc>https://www.jspsych.org/7.2/plugins/fullscreen/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/html-audio-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/html-audio-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/html-button-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/html-button-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/html-keyboard-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/html-keyboard-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/html-slider-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/html-slider-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/iat-html/</loc> <loc>https://www.jspsych.org/7.2/plugins/iat-html/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/iat-image/</loc> <loc>https://www.jspsych.org/7.2/plugins/iat-image/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/image-button-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/image-button-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/image-keyboard-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/image-keyboard-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/image-slider-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/image-slider-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/initialize-microphone/</loc> <loc>https://www.jspsych.org/7.2/plugins/initialize-microphone/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/instructions/</loc> <loc>https://www.jspsych.org/7.2/plugins/instructions/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/list-of-plugins/</loc> <loc>https://www.jspsych.org/7.2/plugins/list-of-plugins/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/maxdiff/</loc> <loc>https://www.jspsych.org/7.2/plugins/maxdiff/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/preload/</loc> <loc>https://www.jspsych.org/7.2/plugins/preload/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/reconstruction/</loc> <loc>https://www.jspsych.org/7.2/plugins/reconstruction/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/resize/</loc> <loc>https://www.jspsych.org/7.2/plugins/resize/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/same-different-html/</loc> <loc>https://www.jspsych.org/7.2/plugins/same-different-html/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/same-different-image/</loc> <loc>https://www.jspsych.org/7.2/plugins/same-different-image/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/serial-reaction-time-mouse/</loc> <loc>https://www.jspsych.org/7.2/plugins/serial-reaction-time-mouse/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/serial-reaction-time/</loc> <loc>https://www.jspsych.org/7.2/plugins/serial-reaction-time/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/sketchpad/</loc> <loc>https://www.jspsych.org/7.2/plugins/sketchpad/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/survey-html-form/</loc> <loc>https://www.jspsych.org/7.2/plugins/survey-html-form/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/survey-likert/</loc> <loc>https://www.jspsych.org/7.2/plugins/survey-likert/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/survey-multi-choice/</loc> <loc>https://www.jspsych.org/7.2/plugins/survey-multi-choice/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/survey-multi-select/</loc> <loc>https://www.jspsych.org/7.2/plugins/survey-multi-select/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/survey-text/</loc> <loc>https://www.jspsych.org/7.2/plugins/survey-text/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/survey/</loc> <loc>https://www.jspsych.org/7.2/plugins/survey/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/video-button-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/video-button-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/video-keyboard-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/video-keyboard-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/video-slider-response/</loc> <loc>https://www.jspsych.org/7.2/plugins/video-slider-response/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/virtual-chinrest/</loc> <loc>https://www.jspsych.org/7.2/plugins/virtual-chinrest/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/visual-search-circle/</loc> <loc>https://www.jspsych.org/7.2/plugins/visual-search-circle/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/webgazer-calibrate/</loc> <loc>https://www.jspsych.org/7.2/plugins/webgazer-calibrate/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/webgazer-init-camera/</loc> <loc>https://www.jspsych.org/7.2/plugins/webgazer-init-camera/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/plugins/webgazer-validate/</loc> <loc>https://www.jspsych.org/7.2/plugins/webgazer-validate/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/reference/jspsych-data/</loc> <loc>https://www.jspsych.org/7.2/reference/jspsych-data/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/reference/jspsych-pluginAPI/</loc> <loc>https://www.jspsych.org/7.2/reference/jspsych-pluginAPI/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/reference/jspsych-randomization/</loc> <loc>https://www.jspsych.org/7.2/reference/jspsych-randomization/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/reference/jspsych-turk/</loc> <loc>https://www.jspsych.org/7.2/reference/jspsych-turk/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/reference/jspsych/</loc> <loc>https://www.jspsych.org/7.2/reference/jspsych/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/support/migration-v7/</loc> <loc>https://www.jspsych.org/7.2/support/migration-v7/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/support/support/</loc> <loc>https://www.jspsych.org/7.2/support/support/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/tutorials/hello-world/</loc> <loc>https://www.jspsych.org/7.2/tutorials/hello-world/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/tutorials/rt-task/</loc> <loc>https://www.jspsych.org/7.2/tutorials/rt-task/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
<url> <url>
<loc>https://www.jspsych.org/7.2/tutorials/video-tutorials/</loc> <loc>https://www.jspsych.org/7.2/tutorials/video-tutorials/</loc>
<lastmod>2022-04-15</lastmod> <lastmod>2022-05-05</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
</url> </url>
</urlset> </urlset>

Binary file not shown.