Hiding the next (matrix table) question until 30s of an audio is played

Hi,

I’m looking to hide my next question (which is a matrix table) until the participant has heard at least 30s of an audio clip. Can anyone help with this?

I guess you can use this code for until the audio finishes:

Qualtrics.SurveyEngine.addOnReady(function() {
jQuery("#NextButton").hide();
jQuery("#"+this.questionId+" audio").on("ended", function() { jQuery("#NextButton").show(); });
});

In my case, I would like the audio to keep playing while they complete the next question. Can anyone help with this?