Adding Speech to your Web App_UIArchitecture
summary
Claims that voice reaches one in five people (over 1.5 billion) and taps an estimated $7 trillion discretionary market, then shows concrete tech: the speech synthesis API with two lines of JavaScript (new SpeechSynthesisUtterance; speak), SSML used by Alexa/Google/Microsoft/Apple and Amazon Poly/Google Cloud examples, and WebVTT for captions. Demoed a browser-only bread reader and a Zoom closed‑caption web component under 100 lines that works in Chrome; speech recognition is natively available only in Chrome (~two‑thirds market share).
AI-written summary · about
chapters (22)
- 0:00Introduction to speech UI
- 2:28Top five tech trends
- 3:12Multi-experience design
- 4:37Interfaceless machines
- 5:22Agent interfaces
- 6:24Inclusive design importance
- 10:04Voice control demo
- 12:00Speech synthesis basics
- 16:491939 speech machine demo
- 18:15Modern text-to-speech demo
- 20:23Speech synthesis API
- 21:54Voice customization
- 27:23SSML introduction
- 34:59Speech recognition overview
- 36:01Conversational UIs
- 41:04Amazon Alexa skill demo
- 44:14In-browser speech recognition
- 47:26Speech recognition limitations
- 50:00Closed captioning component
- 52:51Sign language to speech
- 53:55Project Euphonia
- 55:40Conclusion and summary
related talks
48mConversational ULS: Talking to Siri, Alexa, and Your Web Browser
38mConversational UIs: Talking to Siri, Alexa, and Your Web Browser
49mDesigning voice interfaces
09mWeb apps that talk
51mYou talkin' to me?
02h 04mDeveloping Touchless Apps that Talk!
38mIntegrating AI and Browser API Voice Recognition on Web App
19m"Bringing Voice First Experiences to the Web"