Estoy preparando una encuesta en la que pido a las personas que escuchen varios archivos de audio una sola vez . Para hacer eso, he usado un javascript que oculta el botón de audio después de que el audio se haya reproducido X veces. El problema es que, aunque el botón desaparece cuando debería, todavía se puede reproducir el archivo de audio haciendo clic en el espacio vacío donde solía estar el botón. ¿Hay alguna manera de evitar esto, por ejemplo, deshabilitando los controles o haciendo clic con el mouse después de que se haya reproducido un audio?

A continuación se muestra una parte del javascript que tengo en este momento, cortesía de un amable usuario de Qualtrics. ¿Alguna idea de cómo puedo modificarlo? Soy un novato en codificación, ¡así que cualquier ayuda es muy apreciada!

¡Muchas gracias!

Clara

 // CREATE playAudio() FUNCTION function playAudio() { playcount++; //increase playcount number by 1 console.log(playcount); var button = document.getElementById("audiobutton"); //grab button id button.style.visibility = "hidden"; //hide the button so that it can't be played anymore audio.play(); //play the audio one last time //update play_count embedded data to current playcount number Qualtrics.SurveyEngine.setEmbeddedData("play_co unt", playcount); }; audio.onended = function() { if (playcount < 1){ var button = document.getElementById("audiobutton"); //grab button id button.style.visibility = "visible"; //show button again } else { button.style.display = "none"; } };