Introducing the HTML5 Web Speech API: Your Practical Introduction to Adding Browser-Based Speech Capabilities to your Websites and Online Applications

Table of Contents
About the Author
About the Technical Reviewer
Acknowledgments
Introduction
Chapter 1: Getting Started
	Introducing the APIs
	Setting up our development environment
	Implementing our first examples
		Reading back text as speech
			Understanding what happened
		Converting speech to text
		Allowing access to the microphone
		Setting access: An alternative method
			Breaking apart our code
		Allowing for browser support
			Providing fallback support
		Understanding security concerns
	Summary
Chapter 2: Exploring the APIs in More Detail
	Understanding the API terminology
	Exploring the Speech Synthesis API
		Breaking apart the API
	Improving our SpeechSynthesis demo
		Dissecting our code
	Exploring the Speech Recognition API
		Breaking apart the API
	Updating our SpeechRecognition demo
		Understanding the code
	Creating a more practical example
		Exploring the code in detail
	Going multilingual
		Exploring support for languages
		Setting a custom language
		Breaking apart our code
		The difference between language and dialect
	Making use of grammar objects
	Summary
Chapter 3: Supporting Mobile Devices
	Supporting the Speech Synthesis API
		Breaking down the numbers
	Supporting the Speech Recognition API
		Understanding the numbers
		A couple of prerequisites
	Checking support for the APIs
	Determining space available
		Setting available space using code
		Configuring Chrome’s Responsive Mode
	Implementing the Speech Synthesis API
		Adapting design for mobile
	Implementing the Speech Recognition API
		Adapting for mobile use
	Putting it together: A practical example
		Dissecting the code in detail
	Working with mobile: An epilog
	Summary
Chapter 4: Combining the APIs: Building a Chatbot
	Why use a chatbot?
		Things to consider when building a chatbot
		Downsides to bots
	Different types of chatbots
	Setting the background
		Keeping things in scope
	Architecting our demo
		Alternative tools available
	Adding text editor support
	Getting tools in place
	Building our chatbot
		Configuring our chatbot
	Exploring the code in detail
		Dissecting our HTML markup
		Pulling apart script.js: The Web Speech API
	Understanding how our bot is configured
		Exploring how RiveScript works: A summary
		Dissecting the brain.rive file in detail
	Taking things further
	Adding language support
		Updating our demo
		Dissecting the code
	Summary
Chapter 5: Project: Leaving Review Feedback
	Setting the scene
		Keeping things in scope
	Architecting our demo
	Building our review panel
	Breaking apart the code in detail
		Exploring the HTML
		Exploring the JavaScript
	Adding it to a product page
	Adding language support
		Updating the demo
		Dissecting the code
	Leaving reviews: A postscript
	Taking things further
	Summary
Chapter 6: Project: Building Alexa
	Setting the scene
	Architecting our demo
	Building our demo
		Creating the markup
		Making our demo come to life
	Breaking apart the code
		Solving a styling problem
	Adding new features
		Exploring the code in detail
	Adding support for different languages
		Breaking down the code
	Improving performance
	Taking things further
	Summary
Chapter 7: Project: Finding a Restaurant
	Setting the scene
	Setting the parameters of our project
	Setting expectations
	Determining the business logic
	Architecting our project
	Setting up the initial markup and styling
	Initializing our project
		Making our bot talk
		Getting the restaurant details
		Adding speech input capabilities
		Configuring the bot
		Converting currencies into US dollars
	Testing the demo
	Dissecting our code in detail
		Dissecting our HTML markup
		Breaking apart the main script file
			The Speech Synthesis API and our bot
			Fetching the restaurant data
			Usage of the Speech Recognition API
		Exploring the bot configuration file
	Taking things further
		Formatting telephone numbers
		Adding location-based facilities
		Displaying more details about restaurants
	Summary
Chapter 8: Project: Finding and Playing Music
	Setting the background to our project
	Why Spotify?
	Architecting our demo
	Authorizing our demo
		Choosing a method
		The implications of using our chosen method
		Constraints of using this method
	Setting up prerequisites
	Creating the framework
		Getting authorization from Spotify
		Breaking apart the code
	Streaming content from Spotify
		Understanding the code
	Talking to Spotify
		Exploring the code in detail
	Taking things further
	Summary
Chapter 9: Project: Automating the Purchase Process
	Setting the scene
	Keeping things in scope
	Architecting the project
	Preparing our shopping cart
	Setting expectations
	Adding speech capabilities
		Inserting the markup for our microphone
		Altering our product markup
			Dissecting the code
		Adding the script functionality
			Breaking apart our code
	An alternative method of checking out
		Breaking apart the code
		Reducing the functionality: A note
	Exploring the pitfalls of our solution
	Taking things further
	Summary
Appendix:
API Reference
	API Reference: SpeechRecognition
		API Interfaces
		Constructor
		Properties
		Methods
		Events
	API Reference: SpeechRecognitionEvent
		Properties
	API Reference: SpeechRecognitionError
		Properties
	API Reference: SpeechRecognitionResult
		Properties
		Methods
	API Reference: SpeechRecognitionResultList
		Properties
		Methods
	API Reference: SpeechRecognitionAlternative
		Properties
	API Reference: SpeechSynthesis
		API Interfaces
		Properties
		Methods
		Events
	API Reference: SpeechSynthesisUtterance
		Constructor
		Properties
		Events
	API Reference: SpeechSynthesisErrorEvent
		Properties
		Methods
	API Reference: SpeechSynthesisEvent
		Properties
		Methods
	API Reference: SpeechSynthesisVoice
		Properties
	API Reference: SpeechGrammar
		Constructor
		Properties
	API Reference: SpeechGrammarList
		Constructor
		Properties
		Methods
Index