Modern JavaScript from the Beginning - Second Edition - Speech Synthesis API - Text to Speech

The video tutorial covers the implementation of a web-based text-to-speech application using the Web Speech API. It begins with setting up a simple HTML form and then moves on to initializing JavaScript variables and functions for speech synthesis. The tutorial demonstrates how to submit text input and select different voices for speech output. It also includes testing various voice options and discusses the potential applications for non-verbal communication tools.

What is the purpose of the form element in the HTML structure?

• To display the available voices

• To allow users to input text

• To style the page

• To initialize the JavaScript

Which JavaScript object is used to handle speech synthesis?

• window.speechSynthesis

• window.speechRecognition

• window.voiceControl

• window.textToSpeech

What is the role of the 'speak' function in the JavaScript code?

• To convert text to speech

• To log text to the console

• To initialize the form

• To change the voice

How is the text input captured for speech synthesis?

• Using document.createElement

• Using document.getElementById

• Using document.addEventListener

• Using document.querySelector

What is the purpose of the 'addVoicesToSelect' function?

• To log the available voices

• To change the language of the voices

• To populate the select box with voice options

• To initialize the speech synthesis

Which method is used to retrieve available voices in the JavaScript code?

• synth.loadVoices()

• synth.retrieveVoices()

• synth.getVoices()

• synth.fetchVoices()

What attribute is set to identify the language of a voice?

• data-speech

• data-voice

• data-lang

• data-language

How does the code ensure the correct voice is used for speech synthesis?

• By using a default voice for all utterances

• By matching the selected option's data-name with the voice name

• By setting the language attribute on the synth object

• By setting the voice attribute directly on the synth object

What is a potential application of the Web Speech API mentioned in the video?

• Creating video games

• Designing e-commerce websites

• Developing non-verbal communication tools

• Building social media platforms

What is the significance of the 'onvoiceschanged' event handler?

• It initializes the speech synthesis

• It updates the voice list when voices change

• It changes the language of the voices

• It logs the available voices to the console