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

try moving stim display inside start event for media recorder

Browse Source
This commit is contained in:
Josh de Leeuw 2021-11-19 17:25:23 -05:00
parent 3a3d32971c
commit c12f05bd86
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/plugin-html-audio-response/src/index.ts
View File

@ -42,17 +42,16 @@ class HtmlAudioResponsePlugin implements JsPsychPlugin<Info> {
trial(display_element: HTMLElement, trial: TrialType<Info>) { trial(display_element: HTMLElement, trial: TrialType<Info>) {
const ro = new ResizeObserver((entries) => { const ro = new ResizeObserver((entries) => {
console.log(`ro perf = ${performance.now()}`); console.log("ro event");
this.stimulus_start_time = performance.now();
}); });
ro.observe(display_element); ro.observe(display_element);
this.showDisplay(display_element, trial); // this.showDisplay(display_element, trial);
this.addButtonEvent(display_element, trial); // this.addButtonEvent(display_element, trial);
this.stimulus_start_time = performance.now(); this.startRecording(display_element, trial);
this.startRecording();
// hide image if timing is set // hide image if timing is set
if (trial.stimulus_duration !== null) { if (trial.stimulus_duration !== null) {
@ -87,7 +86,7 @@ class HtmlAudioResponsePlugin implements JsPsychPlugin<Info> {
}); });
} }
private startRecording() { private startRecording(display_element, trial) {
const recorder: MediaRecorder = this.jsPsych.pluginAPI.getMicrophoneRecorder(); const recorder: MediaRecorder = this.jsPsych.pluginAPI.getMicrophoneRecorder();
const recorded_data_chunks = []; const recorded_data_chunks = [];
@ -112,6 +111,8 @@ class HtmlAudioResponsePlugin implements JsPsychPlugin<Info> {
recorder.addEventListener("start", (e) => { recorder.addEventListener("start", (e) => {
this.recorder_start_time = e.timeStamp; this.recorder_start_time = e.timeStamp;
this.showDisplay(display_element, trial);
this.addButtonEvent(display_element, trial);
}); });
this.jsPsych.pluginAPI.setTimeout(() => { this.jsPsych.pluginAPI.setTimeout(() => {