Tag Archives: microphone

When you involve audio input into a web application it is likely that that web application can become useful with learning a language, such as with ESL (English as a second or foreign language) usage, especially as such learning has … spoken reading writing … components to it. As you would appreciate, once the learner is speaking and then that (spoken content) is written out (as a transcript), and the learner is then reading that content, the web application can be a “double whammy” effective learning tool. We extend the web application’s functionality from yesterday’s Speech to Text Primer Tutorial using a technique we often use, that being changing the original (guinea pig usage) word “Quiz” into it plus other options presented in a … HTML select (dropdown) element … as per HTML “onload” event … <body onload=”document.getElementById(‘preq’).innerHTML=dds(‘Quiz’); document.getElementById(‘kb’).focus(); pickq();”> … call of the Javascript … function dds(qwhat) { var selbit=”<select id=selbit onchange=’ location.href=document.URL.split(\”#\”)[0].split(\”?\”)[0] + \”?mode=\” + this.value; ‘><option value=0>” + modes[0] + “</option></select>”; for (var iselbit=1; iselbit<modes.length; iselbit++) { if (mode == iselbit) { selbit=selbit.replace(“</select>”, “<option value=” + iselbit + ” selected>” + modes[iselbit] + “</option></select>”); } else { selbit=selbit.replace(“</select>”, “<option value=” + iselbit + “>” + modes[iselbit] + “</option></select>”); } } return qwhat.replace(‘Quiz’,selbit); } … that sets off onchange event logic to … reload the webpage with a URL ?mode= argument flagging this that is … detected via … var mode=location.search.split(‘mode=’)[1] ? eval(decodeURIComponent(location.search.split(‘mode=’)[1].split(‘&’)[0])) : 0; var modes=[“Quiz”,”Tongue Twisters”,”Haiku”]; var arraynames=[“questions”,”tongue_twisters”,”haiku”]; var delims=[“?”,”~”,”`”]; var bcols=[“yellow”,”lightgreen”,”lightblue”]; … enabling, as necessary the … “mapping” of other usage arrays (we are responsible for garnering) onto the original (guinea pig) array “questions” (within “dds” function above) via … if (mode != 0) { eval(arraynames[0] + “=” + arraynames[mode]); document.getElementById(‘tdm’).style.backgroundColor=bcols[mode]; } That leaves, apart from the extra content duties, a new scoring mechanism, one new one of which analyzes question words against answer words and scores positive word length score components for answer words found in question words and negative word length score components for question words not found in answer words. Again, feel free to have a look at today’s changed PHP code of speech_supervisor.php‘s “Speaking Quiz plus ESL Others”. Previous relevant Speech to Text Primer Tutorial is shown below. There was some great advice that had us dipping our toes into “Speech to Text” web application thoughts. You probably know yourself about the brilliant Google Translate and its “Text to Speech’ capabilities … Continue reading →