HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-10 19:20:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'main' into core-rewrite

Browse Source
This commit is contained in:
bjoluc 2022-11-09 15:13:58 +01:00
commit 8318d380c1
419 changed files with 16822 additions and 6217 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.github/FUNDING.yml vendored Normal file
View File

@ -0,0 +1,4 @@
# These are supported funding model platforms
open_collective: jspsych

22
.github/workflows/build.yml vendored
View File

@ -2,9 +2,6 @@ name: build
on: [push, pull_request] on: [push, pull_request]
env:
HUSKY: 0
jobs: jobs:
test: test:
name: Build, lint, and test on Node.js ${{ matrix.node }} name: Build, lint, and test on Node.js ${{ matrix.node }}
@ -12,22 +9,35 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
strategy: strategy:
matrix: matrix:
node: [14.x, 16.x] node: [14, 16]
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v2
- name: Setup Node.js ${{ matrix.node }} - name: Setup Node.js ${{ matrix.node }}
uses: actions/setup-node@v1 uses: actions/setup-node@v2
with: with:
node-version: ${{ matrix.node }} node-version: ${{ matrix.node }}
cache: npm
- name: Install npm@v7 - name: Install npm@v7
run: npm install -g npm@7 run: npm install -g npm@7
- name: Install dependencies and build packages - name: Install dependencies
run: npm ci run: npm ci
# Running this after `npm ci` because `npm ci` removes `node_modules`:
- name: Download Turborepo cache
uses: actions/cache@v2
with:
path: node_modules/.cache/turbo
key: ${{ runner.os }}-node-${{ matrix.node }}-turbo-${{ hashFiles('node_modules/.cache/turbo') }}
restore-keys: |
${{ runner.os }}-node-${{ matrix.node }}-turbo-
- name: Build packages
run: npm run build
# TODO setup linting # TODO setup linting
# - name: Lint # - name: Lint
# run: npm run lint # run: npm run lint

23
.github/workflows/release.yml vendored
View File

@ -1,8 +1,5 @@
name: release name: release
env:
HUSKY: 0
on: on:
push: push:
paths: paths:
@ -21,13 +18,22 @@ jobs:
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v2
- name: Setup Node.js 16.x - name: Setup Node.js 16
uses: actions/setup-node@v2 uses: actions/setup-node@v2
with: with:
node-version: 16.x node-version: 16
cache: npm
- name: Install dependencies and build packages - name: Install dependencies
run: npm install run: npm ci
- name: Download Turborepo cache
uses: actions/cache@v2
with:
path: node_modules/.cache/turbo
key: ${{ runner.os }}-node-16-turbo-${{ hashFiles('node_modules/.cache/turbo') }}
restore-keys: |
${{ runner.os }}-node-16-turbo-
- name: Run tests - name: Run tests
run: npm run test -- --ci --maxWorkers=2 run: npm run test -- --ci --maxWorkers=2
@ -38,7 +44,8 @@ jobs:
id: changesets id: changesets
uses: changesets/action@v1 uses: changesets/action@v1
with: with:
publish: npm run release version: npm run changeset:version
publish: npm run changeset:publish
commit: "chore(release): version packages" commit: "chore(release): version packages"
env: env:
NPM_TOKEN: ${{ secrets.NPM_TOKEN }} NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

1
.gitignore vendored
View File

@ -10,3 +10,4 @@ coverage/
.vscode/ .vscode/
dist.zip dist.zip
packages/jspsych/README.md packages/jspsych/README.md
.turbo

2
code-of-conduct.md
View File

@ -33,7 +33,7 @@ Although we strive to make jsPsych as open and collaborative as possible, it’s
Such leadership occasionally requires decisions that are in the best interest of the project but may not be understood by or beneficial to everyone. These decisions are important because they keep the project on track, and enable it to move forward faster than if we required complete consensus. Any major decisions taken by the project leader should be mindful of the challenges they may present for others. We expect the project leader to communicate major decisions/changes early on, and to provide their reasoning. Such leadership occasionally requires decisions that are in the best interest of the project but may not be understood by or beneficial to everyone. These decisions are important because they keep the project on track, and enable it to move forward faster than if we required complete consensus. Any major decisions taken by the project leader should be mindful of the challenges they may present for others. We expect the project leader to communicate major decisions/changes early on, and to provide their reasoning.
### Contributions ### Contributions
We invite anyone to contribute to any aspect of the project. You can find more information about contributing here: https://www.jspsych.org/developers/contributing.md/ We invite anyone to contribute to any aspect of the project. You can find more information about contributing here: https://www.jspsych.org/latest/developers/contributing/
Because changes to the jsPsych library can have a huge potential for impact on all users, any proposed changes to the library have to be considered very carefully. For this reason, it is always a good idea to check with the project leader about whether your proposed contribution would likely be merged into the jsPsych library. Keep in mind that, even if your work isn’t suitable for merging into the jsPsych library, you can still use it in your own projects and share it publicly with others, e.g. via a separate GitHub repository. Because changes to the jsPsych library can have a huge potential for impact on all users, any proposed changes to the library have to be considered very carefully. For this reason, it is always a good idea to check with the project leader about whether your proposed contribution would likely be merged into the jsPsych library. Keep in mind that, even if your work isn’t suitable for merging into the jsPsych library, you can still use it in your own projects and share it publicly with others, e.g. via a separate GitHub repository.

1
contributors.md
View File

@ -22,6 +22,7 @@ The following people have contributed to the development of jsPsych by writing c
* Rui Han - https://github.com/hrcn * Rui Han - https://github.com/hrcn
* Andy Heusser - https://github.com/andrewheusser * Andy Heusser - https://github.com/andrewheusser
* Angus Hughes - https://github.com/awhug * Angus Hughes - https://github.com/awhug
* jadeddelta - https://github.com/jadeddelta
* Gustavo Juantorena - https://github.com/GEJ1 * Gustavo Juantorena - https://github.com/GEJ1
* Chris Jungerius - https://github.com/cjungerius * Chris Jungerius - https://github.com/cjungerius
* George Kachergis - https://github.com/kachergis * George Kachergis - https://github.com/kachergis

20
docs/demos/eye-tracking-with-webgazer.html
View File

@ -1,19 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-webgazer-init-camera@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-webgazer-init-camera@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-webgazer-calibrate@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-webgazer-calibrate@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-webgazer-validate@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-webgazer-validate@1.0.2"></script>
<script src="js/webgazer/webgazer.js"></script> <script src="js/webgazer/webgazer.js"></script>
<script src="https://unpkg.com/@jspsych/extension-webgazer@1.0.0"></script> <script src="https://unpkg.com/@jspsych/extension-webgazer@1.0.2"></script>
<link <link
rel="stylesheet" rel="stylesheet"
href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css"
/> />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>

10
docs/demos/jspsych-animation-demo.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-animation@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-animation@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<style> <style>
#jspsych-animation-image { #jspsych-animation-image {
height: 80% !important; height: 80% !important;

10
docs/demos/jspsych-audio-button-response-demo-1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

10
docs/demos/jspsych-audio-button-response-demo-2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

10
docs/demos/jspsych-audio-keyboard-response-demo-1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

10
docs/demos/jspsych-audio-keyboard-response-demo-2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

10
docs/demos/jspsych-audio-slider-response-demo-1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

10
docs/demos/jspsych-audio-slider-response-demo-2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

8
docs/demos/jspsych-browser-check-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

10
docs/demos/jspsych-browser-check-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>
@ -15,7 +15,7 @@
const trial = { const trial = {
type: jsPsychBrowserCheck, type: jsPsychBrowserCheck,
inclusion_function: (data) => { inclusion_function: (data) => {
return ['chrome', 'firefox'].contains(data.browser); return ['chrome', 'firefox'].includes(data.browser);
}, },
exclusion_message: `<p>You must use Chrome or Firefox to complete this experiment.</p>` exclusion_message: `<p>You must use Chrome or Firefox to complete this experiment.</p>`
}; };

8
docs/demos/jspsych-browser-check-demo3.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

8
docs/demos/jspsych-browser-check-demo4.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

8
docs/demos/jspsych-call-function-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-call-function-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-call-function-demo3.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-button-response-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-button-response-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-button-response-demo3.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-keyboard-response-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-keyboard-response-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-slider-response-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-canvas-slider-response-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-categorize-animation-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<style> <style>
#jspsych-categorize-animation-stimulus { #jspsych-categorize-animation-stimulus {
height: 80% !important; height: 80% !important;

10
docs/demos/jspsych-categorize-animation-demo2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<style> <style>
#jspsych-categorize-animation-stimulus { #jspsych-categorize-animation-stimulus {
height: 80% !important; height: 80% !important;

8
docs/demos/jspsych-categorize-html-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-html@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-html@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-categorize-image-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-image@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-image@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-cloze-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-cloze@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-cloze-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-cloze@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

31
docs/demos/jspsych-cloze-demo3.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
const jsPsych = initJsPsych();
var trial = {
type: jsPsychCloze,
text: 'Science notebooks have a %%-colored front cover. Math notebooks have a %%-colored front cover.',
allow_blanks: false,
mistake_fn: function() { alert('Please fill in all blanks.'); }
};
const timeline = [trial];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

8
docs/demos/jspsych-extension-mouse-tracking-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<!--<script src="../../packages/extension-mouse-tracking/dist/index.browser.js"></script>--> <!--<script src="../../packages/extension-mouse-tracking/dist/index.browser.js"></script>-->
<script src="https://unpkg.com/@jspsych/extension-mouse-tracking@1.0.0"></script> <script src="https://unpkg.com/@jspsych/extension-mouse-tracking@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

61
docs/demos/jspsych-extension-record-video-demo1.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<!-- <script src="../../packages/extension-record-video/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/extension-record-video@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
const jsPsych = initJsPsych({
extensions: [
{ type: jsPsychExtensionRecordVideo}
]
});
const init_camera = {
type: jsPsychInitializeCamera
};
const trial = {
type: jsPsychHtmlButtonResponse,
stimulus: `<div id="target" style="width:250px; height: 250px; background-color: #333; position: relative; margin: 2em auto;">
<div class="orbit" style="width:25px; height:25px; border-radius:25px;background-color: #f00; position: absolute; top:calc(50% - 12px); left:calc(50% - 12px);"></div>
</div>
<style>
.orbit {
transform: translateX(100px);
animation: orbit 4s infinite;
}
@keyframes orbit {
0% {
transform: rotate(0deg) translateX(100px);
}
100% {
transform: rotate(360deg) translateX(100px);
}
}
</style>`,
choices: ['Done'],
prompt: "<p>Video is recording. Click done after a few seconds.</p>",
extensions: [
{type: jsPsychExtensionRecordVideo}
]
};
const timeline = [init_camera, trial];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

10
docs/demos/jspsych-external-html-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-external-html@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-external-html@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>
@ -13,7 +13,7 @@
const jsPsych = initJsPsych(); const jsPsych = initJsPsych();
// sample function that might be used to check if a subject has given // sample function that might be used to check if a participant has given
// consent to participate. // consent to participate.
const check_consent = function(elem) { const check_consent = function(elem) {
if (document.getElementById('consent_checkbox').checked) { if (document.getElementById('consent_checkbox').checked) {

10
docs/demos/jspsych-free-sort-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-free-sort@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-free-sort@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-fullscreen-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-fullscreen@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-fullscreen@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<style> <style>
html, html,
body { body {

10
docs/demos/jspsych-html-audio-response-demo1.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

10
docs/demos/jspsych-html-audio-response-demo2.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

12
docs/demos/jspsych-html-audio-response-demo3.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

6
docs/demos/jspsych-html-button-response-demo1.html
View File

@ -2,9 +2,9 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-html-keyboard-response-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-html-keyboard-response-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-html-slider-response-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

43
docs/demos/jspsych-html-video-response-demo1.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script>
<!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var init_camera = {
type: jsPsychInitializeCamera
}
var trial = {
type: jsPsychHtmlVideoResponse,
stimulus: `
<p style="font-size:48px; color:red;"> <-- </p>
<p>Turn your head in the direction of the arrow</p>`,
recording_duration: 3500,
show_done_button: false,
};
const timeline = [init_camera, trial];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

42
docs/demos/jspsych-html-video-response-demo2.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script>
<!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var init_camera = {
type: jsPsychInitializeCamera
}
var trial = {
type: jsPsychHtmlVideoResponse,
stimulus: `<p>Make a sad face</p>`,
recording_duration: 3500,
show_done_button: false,
allow_playback: true
};
const timeline = [init_camera, trial];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

52
docs/demos/jspsych-html-video-response-demo3.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-video-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script>
<!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var init_camera = {
type: jsPsychInitializeCamera
}
var record = {
type: jsPsychHtmlVideoResponse,
stimulus: `<p>Make a sad face.</p>`,
recording_duration: 1500,
show_done_button: false,
save_video_url: true
};
var classify = {
type: jsPsychVideoButtonResponse,
stimulus: () => {
return [jsPsych.data.get().last(1).values()[0].video_url];
},
choices: ["Happy", "Sad", "Angry", "Surprised"],
prompt: "<p>What emotion is this?</p>",
}
const timeline = [init_camera, record, classify];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

8
docs/demos/jspsych-iat-html-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-iat-html@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-iat-html@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-iat-image-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-iat-image@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-iat-image@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-image-button-response-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-image-keyboard-response-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-image-keyboard-response-demo2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-image-slider-response-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-slider-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

53
docs/demos/jspsych-initialize-camera-demo1.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<style>
.jspsych-btn {margin-bottom: 10px;}
</style>
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: jsPsychHtmlButtonResponse,
stimulus: '',
choices: ['Run demo']
};
var show_data = {
type: jsPsychHtmlButtonResponse,
stimulus: function() {
var trial_data = jsPsych.data.get().last(1).values();
var trial_json = JSON.stringify(trial_data, null, 2);
return `<p style="margin-bottom:0px;"><strong>Trial data:</strong></p>
<pre style="margin-top:0px;text-align:left;">${trial_json}</pre>`;
},
choices: ['Repeat demo']
};
var init_mic = {
type: jsPsychInitializeCamera
}
var trial_loop = {
timeline: [init_mic, show_data],
loop_function: function() {
return true;
}
};
if (typeof jsPsych !== "undefined") {
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

8
docs/demos/jspsych-initialize-microphone-demo1.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.0.0"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.0"></script>--> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.0.0/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

10
docs/demos/jspsych-instructions-demo-1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-instructions-demo-2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-instructions-demo-3.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-maxdiff-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-maxdiff@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-maxdiff@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

36
docs/demos/jspsych-mirror-camera-demo1.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<!-- <script src="../../packages/plugin-mirror-camera/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-mirror-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
const jsPsych = initJsPsych();
const init_camera = {
type: jsPsychInitializeCamera,
}
const mirror_camera = {
type: jsPsychMirrorCamera,
}
const timeline = [init_camera, mirror_camera];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

10
docs/demos/jspsych-preload-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-preload-demo2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

14
docs/demos/jspsych-preload-demo3.html
View File

@ -2,12 +2,12 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>
<script> <script>
@ -68,7 +68,7 @@
trials: [block_2] trials: [block_2]
} }
const timeline = [preload_block_1, block_1, preload_block_2, block_2], const timeline = [preload_block_1, block_1, preload_block_2, block_2];
if (typeof jsPsych !== "undefined") { if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline)); jsPsych.run(generateDocsDemoTimeline(timeline));

10
docs/demos/jspsych-preload-demo4.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

14
docs/demos/jspsych-reconstruction-demo1.html
View File

@ -2,12 +2,12 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-reconstruction@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-reconstruction@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>
<script> <script>
@ -39,7 +39,7 @@
starting_value: 0.5, starting_value: 0.5,
} }
const timeline = [match_item, reconstruction], const timeline = [match_item, reconstruction];
if (typeof jsPsych !== "undefined") { if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline)); jsPsych.run(generateDocsDemoTimeline(timeline));

8
docs/demos/jspsych-resize-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-resize@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-resize@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-same-different-html-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-same-different-html@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-same-different-html@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-same-different-image-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-same-different-image@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-same-different-image@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

12
docs/demos/jspsych-serial-reaction-time-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>
<script> <script>
@ -52,7 +52,7 @@
target: [0,3] target: [0,3]
} }
const timeline = [instructions, trial_1, trial_2, trial_3, trial_4], const timeline = [instructions, trial_1, trial_2, trial_3, trial_4];
if (typeof jsPsych !== "undefined") { if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline)); jsPsych.run(generateDocsDemoTimeline(timeline));

12
docs/demos/jspsych-serial-reaction-time-demo2.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>
<script> <script>
@ -62,7 +62,7 @@
feedback_duration: 500 feedback_duration: 500
} }
const timeline = [instructions, trial_1, trial_2, trial_3, trial_4], const timeline = [instructions, trial_1, trial_2, trial_3, trial_4];
if (typeof jsPsych !== "undefined") { if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline)); jsPsych.run(generateDocsDemoTimeline(timeline));

8
docs/demos/jspsych-serial-reaction-time-mouse-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-serial-reaction-time-mouse-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-sketchpad-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-sketchpad-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-sketchpad-demo3.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-survey-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.1.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.1.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-survey-demo2.html
View File

@ -3,11 +3,11 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.1.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.1.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-survey-demo3.html
View File

@ -3,11 +3,11 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.1.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.1.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-survey-demo4.html
View File

@ -3,11 +3,11 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.1.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.1.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

72
docs/demos/jspsych-survey-demo5.html Normal file
View File

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
const jsPsych = initJsPsych();
const question_info = [
{
'fruit': 'apples',
'Q1_prompt': 'Do you like apples?',
'Q1_type': 'regular'
},
{
'fruit': 'bananas',
'Q1_prompt': 'Do you NOT like bananas?',
'Q1_type': 'reverse'
},
];
const survey = {
type: jsPsychSurvey,
pages:[
[
{
type: 'multi-choice',
prompt: jsPsych.timelineVariable('Q1_prompt'),
options: ['Yes', 'No'],
name: 'Q1'
},
{
type: 'text',
prompt: function() {
return `What's your favorite thing about ${jsPsych.timelineVariable('fruit')}?`;
},
name: 'Q2'
}
]
],
data: {
'Q1_prompt': jsPsych.timelineVariable('Q1_prompt'),
'Q1_type': jsPsych.timelineVariable('Q1_type'),
'fruit': jsPsych.timelineVariable('fruit')
},
button_label_finish: 'Continue'
};
const survey_procedure = {
timeline: [survey],
timeline_variables: question_info,
randomize_order: true
};
const timeline = [survey_procedure];
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

8
docs/demos/jspsych-survey-html-form-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-html-form-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-likert-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-likert-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-multi-choice-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-multi-choice-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-multi-select-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-multi-select@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-multi-select@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-text-demo1.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-text-demo2.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

8
docs/demos/jspsych-survey-text-demo3.html
View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-survey-text-demo4.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-video-button-response-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-video-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-video-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-video-keyboard-response-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-video-keyboard-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-video-keyboard-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-video-slider-response-demo1.html
View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-video-slider-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-video-slider-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-virtual-chinrest-demo1.html
View File

@ -2,12 +2,12 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-virtual-chinrest@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-virtual-chinrest@2.0.2"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-virtual-chinrest-demo2.html
View File

@ -2,12 +2,12 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-virtual-chinrest@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-virtual-chinrest@2.0.2"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

10
docs/demos/jspsych-virtual-chinrest-demo3.html
View File

@ -2,12 +2,12 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.1.2"></script> <script src="https://unpkg.com/jspsych@7.3.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-virtual-chinrest@1.0.0"></script> <script src="https://unpkg.com/@jspsych/plugin-virtual-chinrest@2.0.2"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.1.2/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.0/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

Some files were not shown because too many files have changed in this diff Show More