I want to add an audio clip that participants are required to listen to. While listening to the audio clip, participants are supposed to prove that they are listening by pressing a button (or perhaps some more straightforward input paradigm) whenever they hear the word "dog." In the backend, I want to extract the total number of times the button was pressed, and the time stamps that corresponded to the button presses. I've been having trouble designing the least confusing set-up. The button should only be active while the audio clip is playing. At the same time, if the user "accidentally" presses the button when they didn't intend to, I want to allow them to re-do the whole process. What is the best way to set this up?

This is incredibly helpful. Thanks so much for taking the time -- really appreciate it!

Hi @parseltongue,you could use 2 buttons. One will be pressed when hearing "dog" and the other to play your audio. If you don't want users to accidentally press buttons, just disable them when appropriate.You could get your timestamps by subtracting the start time from the current time (`Date.now() - startTime`).So your code could look somehow like this: Qualtrics.SurveyEngine.addOnload(function() { var audio = new Audio('http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02.wav') ; var startTime; var timestamps = []; var alltrials = ""; function play(){ //function which will be run when the play button is pressed timestamps = []; document.getElementById("b_dog").disabled = false; document.getElementById("b_play").disabled = true; audio.play(); startTime = Date.now(); //get start day } function get_time(){ //function which will be run when the dog button is pressed timestamps.push(Date.now() - startTime); //adding timestamp into the array of all timestamps alert(timestamps); //pop-up window to check the variable, will be removed before finalization } audio.onended = function() { //function which will be run when the audio finishes alltrials += timestamps.join() + ";"; //adds current array with timestamps to a text variable with all trials; particular trials will be separated by semi-column alert(alltrials); Qualtrics.SurveyEngine.setEmbeddedData('t',alltrials); //Sends variable to the embedded field; otherwise your value won't be in output; don´t forget to define the field in the survey flow document.getElementById("b_play").disabled = false; document.getElementById("b_dog").disabled = true; alert("If you want to try again, press PLAY"); }; jQuery( "#b_play" ).click(function () {play()}) jQuery( "#b_dog" ).click(function () {get_time()}) });And the HTML code for buttons is here: `<button id="b_play">Play</button><br />` ` <br />` `<button disabled="disabled" id="b_dog">Dog</button>`Note: by default it isn't visible whether the button is disabled or not. Therefore you should define some CSS styles for your buttons in Look & feel settings. Here is a nice example of code you can use.

Add button that extracts time stamps from audio

Add button that extracts time stamps from audio | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded