Example of Default Functionalities in Blazor Speech To Text Component
This sample showcases the functionality of the SpeechToText component, 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.
Click the mic button to start speaking...
Live Speech Transcription
Properties
| Styling | |
| Language | |
| Interim results | |
| Show tooltip | |
| Show icon with text |
The SpeechToText component 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.Language: 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 component to suit your needs. Try different settings in the property panel to see how they affect the component’s appearance and functionality.