⚡ Javascript Speech Synthesis

Wes Bos Youtube Tutorial: JavaScript Text-To-Speech - #JavaScript30 23/30.

• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• General info
• Screenshots
• Technologies
• Setup
• Features
• Status
• Inspiration
• Contact

📚 General info

• Tutorial Code using javascript speech synthesis.

📷 Screenshots

.

📶 Technologies

• Javascript ECMA-262 ECMAScript 2020

💾 Setup

• Open index.html in browser. If any code is changed the browser needs to be refreshed.

💻 Code Examples

• show voices that can be chosen by user in a dropdown menu.

function populateVoices() {
  voices = this.getVoices(); // array of 25 synthesised voices, including name & language
  voicesDropdown.innerHTML = voices
  .filter(voice => voice.lang.includes('en')) // limit 25 voices to just the ones in English
  .map(voice => `<option value="${voice.name}">${voice.name} (${voice.lang})</option>`)
  .join('');
}

🆒 Features

• Options to select different voices, voice speed and pitch.

📋 Status & To-Do List

• Status: Working.
• To-Do: Nothing.

👏 Inspiration

• Wes Bos Youtube Tutorial: JavaScript Text-To-Speech - #JavaScript30 23/30.

📁 License

• N/A

✉️ Contact

• Repo created by ABateman, email: gomezbateman@yahoo.com