How to restrict how many times participant plays uploaded audio | XM Community
Skip to main content
Question

How to restrict how many times participant plays uploaded audio

  • June 24, 2020
  • 7 replies
  • 113 views
A

Hi all,
I have been working on a task involving audio stimuli and a visual analog scale (VAS). After the participant clicks and plays the audio, the participant is supposed to make a judgment of the audio stimulus using a VAS. However, I only want the participants to hear the audio once.
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
});

Qualtrics.SurveyEngine.addOnReady(function()
{
/*jQuery('audio').on('ended', function() {
    jQuery(this).css("pointer-events","none");*/
});
Qualtrics.SurveyEngine.addOnUnload(function()
{
/*Place your JavaScript here to run when the page is unloaded*/
});

Above is the code listed in the JS section, per the recommendation of this post. Still doesn't work.
https://www.qualtrics.com/community/discussion/2509/how-to-restrict-the-number-of-times-participants-can-play-audioAny tips on how to do this? Thank you!

    7 replies

    A
    • aragorn
    • Author
    • June 24, 2020

    never mind! it worked!!!

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • June 24, 2020

    Remove /* and */ from start and end. Also add closing brackets });
    So the final code would be just this:
    Qualtrics.SurveyEngine.addOnload(function()
    {
    /*Place your JavaScript here to run when the page loads*/
    });

    Qualtrics.SurveyEngine.addOnReady(function()
    {
    jQuery('audio').on('ended', function() {
        jQuery(this).css("pointer-events","none");

    });
    });
    Qualtrics.SurveyEngine.addOnUnload(function()
    {
    /*Place your JavaScript here to run when the page is unloaded*/
    });

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    A
    • aragorn
    • Author
    • June 24, 2020

    thanks @rondev!

    H
    • honsonl
    • August 6, 2020

    Hi, modifying the code from this post to hide the audio player after clicking "play"
    jQuery('audio').on('play', function() {
    jQuery(this).hide();
    });
    I also want to display a string of text afterwards that says "Audio has already been play once. Please select a response." This way, the user would understand what is going on.
    I was thinking that maybe after jQuery(this).hide(), there could be jQuery(message).show()?
    Anyone have any idea, how I can set this up?

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • August 6, 2020

    honsonl ,

    Add below code to existing code:
    var that = this.questionId;
    jQuery('audio').on('ended', function() {
    jQuery("

    Audio has already been play once. Please select a response.
    ").appendTo("#"+that+" .QuestionText");
    });

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
      H
      • honsonl
      • August 6, 2020

      Thanks rondev for the quickest reply I have ever seen! This works wonderfully. To modify this code, I try to center the message with "style="
      jQuery('audio').on('play', function() { 
      jQuery("

      Audio has already been played once. Please select a response.
      ").appendTo("#"+that+
      " .QuestionText");
      But this gave me an Unexpected Identifier error.
      Any work around?

      rondev
      Level 6 ●●●●●●
      Forum|alt.badge.img+22
      • rondev
      • Level 6 ●●●●●●
      • August 6, 2020

      Wrap text align part with single quotes

      Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
      Terms & ConditionsAccessibility statement