Speech to text code

Hey @MA1, I know that if respondents record a video, you will be able to view the video and put it into the Dashboard as a form of a slideshow, or even create a reel of multiple responses. I have not seen any documentation referencing what we can do with the audio recordings on our side but I would imagine that if needed we could access them.

Another way to do this is to use the SpeechRecognition interface of the Web Speech API and toggle it with a button click. This will not save a recording of the respondent's voice to Qualtrics, but their voice can be used to transcribe text into a Text Entry question. As SpeechRecognition is not supported in Firefox, I recommend using a Google Chrome browser.

To give it a try, set the survey to Classic layout and create a Text Entry question. Use the Rich Content Editor's HTML/Source view "<>" to update the Question Text with the below:

Click to write the question Text<br>
<button id="btn1">Record Speech New</button><button id="btn2">Record Speech Continue</button>

Then, add the below to the question's JavaScript in the OnReady section.

var qid=this.questionId;

function SpeechRecogNew() {
            var textBox = document.getElementById("QR~"+qid);
            let recognization = new webkitSpeechRecognition();
            recognization.onstart = () => {
              textBox.value = "Listening...";
			}
            recognization.onresult = (e) => {
               var transcript = e.results[0][0].transcript;
               textBox.value = transcript;
            }
            recognization.start();
         }

function SpeechRecogContinue() {
            var textBox = document.getElementById("QR~"+qid);
	        var textBoxValue = textBox.value;
            let recognization = new webkitSpeechRecognition();
            recognization.onstart = () => {
              textBox.value = "Listening..."+textBoxValue;
			}
            recognization.onresult = (e) => {
               var transcript = e.results[0][0].transcript;
               textBox.value = textBoxValue +" "+ transcript;
            }
            recognization.start();
         }

document.getElementById("btn1").onclick = SpeechRecogNew;
document.getElementById("btn2").onclick = SpeechRecogContinue;

There are 2 buttons: 1 that will generate a new recording and 1 that will add on to whatever text is already there.