This sample showcases the functionality of the SpeechToText control, which converts spoken words into text using your device’s microphone. It utilizes the built-in JavaScript SpeechRecognition API for speech processing. Speak into the microphone to see the transcribed text appear in the text area.
| Styling | |
| Language | |
| Interim results |
|
| Show tooltip |
|
| Show icon with text |
|
The SpeechToText control enables real-time speech-to-text conversion using the JavaScript SpeechRecognition API. This demo explores its key features and customization options: cssClass: Modify the microphone button’s appearance with predefined styles such as Success, Warning, or Danger. lang: Select a preferred language for speech recognition. allowInterimResults: Choose whether to display words as you speak or only after completing a phrase. showTooltip: Enable or disable tooltips for additional guidance. buttonSettings: Configure the button to display text alongside the microphone icon. These options allow you to configure the SpeechToText control to suit your needs. Try different settings in the property panel to see how they affect the control’s appearance and functionality.