JavaScript/jQuery SpeechToText - Overview

SpeechToText is a UI component that transcribes speech and serves as a voice input for text editors.

This overview highlights SpeechToText elements, key features, and what to explore next.

Elements

SpeechToText elements

  1. Start Icon
  2. Stop Icon
  3. Start Text
  4. Stop Text

Key Features

jQuery
  • Text Editor Integration
    You can use SpeechToText with any text input, including other DevExtreme Components.
Angular
  • Text Editor Integration
    You can use SpeechToText with any text input, including other DevExtreme Components.
Vue
  • Text Editor Integration
    You can use SpeechToText with any text input, including other DevExtreme Components.
React
  • Text Editor Integration
    You can use SpeechToText with any text input, including other DevExtreme Components.

  • Language and Localization Support
    SpeechToText implements the Web Speech API SpeechRecognition interface, which supports transcription in multiple languages, including English, Spanish, Hindi, Portuguese, and others. Supported languages may vary depending on the browser.

  • Custom Speech Recognizer Support
    You can integrate a custom speech recognizer and use SpeechToText as a UI-only component.

  • Configurable Transcription
    You can configure continuous transcription and interim transcription results to customize SpeechToText transcription behaviour. You can also bias SpeechToText results to a specified array of words and phrases.

  • Appearance Customization
    DevExtreme SpeechToText allows you to customize the component icon and text in both the initial and "listening" states. You can configure SpeechToText to display an icon and text or only an icon, as well as implement different component styling modes and types.

Explore More