diff --git a/concepts/05 UI Components/SpeechToText/00 Overview/00 Overview.md b/concepts/05 UI Components/SpeechToText/00 Overview/00 Overview.md new file mode 100644 index 0000000000..c41d17987d --- /dev/null +++ b/concepts/05 UI Components/SpeechToText/00 Overview/00 Overview.md @@ -0,0 +1,3 @@ +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. \ No newline at end of file diff --git a/concepts/05 UI Components/SpeechToText/00 Overview/05 Elements.md b/concepts/05 UI Components/SpeechToText/00 Overview/05 Elements.md new file mode 100644 index 0000000000..9ebe55d7fd --- /dev/null +++ b/concepts/05 UI Components/SpeechToText/00 Overview/05 Elements.md @@ -0,0 +1,6 @@ +SpeechToText elements + +1. [Start Icon](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#startIcon) +2. [Stop Icon](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#stopIcon) +3. [Start Text](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#startText) +4. [Stop Text](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#stopText) \ No newline at end of file diff --git a/concepts/05 UI Components/SpeechToText/00 Overview/10 Key Features.md b/concepts/05 UI Components/SpeechToText/00 Overview/10 Key Features.md new file mode 100644 index 0000000000..3088b1fe21 --- /dev/null +++ b/concepts/05 UI Components/SpeechToText/00 Overview/10 Key Features.md @@ -0,0 +1,14 @@ +- **Text Editor Integration** +You can integrate the SpeechToText component with any text input, including other [DevExtreme Components](/Documentation/Guide/{Framework}_Components/DevExtreme_{Framework}_Components/). + +- **Language and Localization Support** +SpeechToText implements the [Web Speech API SpeechRecognition](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition) interface, which supports transcription in multiple languages, including English, Spanish, Hindi, Portuguese, and others. [Supported languages](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/lang) may vary depending on the browser. + +- **Custom Speech Recognizer Support** +You can integrate a [custom speech recognizer](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/customSpeechRecognizer/) and use SpeechToText as a UI-only component. + +- **Configurable Transcription** +You can configure [continuous transcription](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/speechRecognitionConfig/#continuous) and [interim transcription results](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/speechRecognitionConfig/#interimResults) to customize SpeechToText transcription behaviour. You can also bias SpeechToText results to a specified [array of words and phrases](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/speechRecognitionConfig/#grammars). + +- **Appearance Customization** +DevExtreme SpeechToText allows you to customize the component [icon](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#startIcon) and [text](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#startText) 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](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#stylingMode) and [types](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/#type). diff --git a/concepts/05 UI Components/SpeechToText/00 Overview/15 Explore More.md b/concepts/05 UI Components/SpeechToText/00 Overview/15 Explore More.md new file mode 100644 index 0000000000..d91c097cd5 --- /dev/null +++ b/concepts/05 UI Components/SpeechToText/00 Overview/15 Explore More.md @@ -0,0 +1,5 @@ +- [Getting Started with SpeechToText](/Documentation/Guide/UI_Components/TagBox/Getting_Started_with_SpeechToText/) + +- [API](/Documentation/ApiReference/UI_Components/dxSpeechToText/Configuration/) + +- [Demos](https://js.devexpress.com/Demos/WidgetsGallery/Demo/SpeechToText/Overview/) \ No newline at end of file diff --git a/images/SpeechToText/speechtotext-elements.png b/images/SpeechToText/speechtotext-elements.png new file mode 100644 index 0000000000..ccfc00e352 Binary files /dev/null and b/images/SpeechToText/speechtotext-elements.png differ