AI AssistView / Speech / Speech To Text

Blazor AI AssistView Example - Speech To Text

Loading Syncfusion Blazor Server Demos…

This sample demonstrates integrating Speech-to-Text functionality with the AI AssistView component, allowing users to convert spoken input captured via the device microphone and the browser’s SpeechRecognition API into text that is passed to the AssistView for AI-generated responses.

Key Features:

  • The SpeechToText component captures voice input and transcribes it into text, which is then passed to the AI AssistView for generating contextual responses.
  • The footerTemplate includes a content-editable area and a microphone button for initiating voice input.
  • The toolbarSettings adds a right-aligned Refresh button to clear previous prompts.
  • Responses are streamed dynamically using the addPromptResponse method for a real-time experience.
  • Markdown content in the response is rendered using the Marked plugin for rich formatting.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE