AI AssistView / Speech / Speech To Text

Blazor AI AssistView Example - Speech To Text

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the integration of Speech-to-Text functionality with the AI AssistView component. It allows users to convert spoken input into text using the device's microphone and the browser's SpeechRecognition API.

In this example, the AI AssistView component is integrated with the SpeechToText component to enable voice-based interaction with 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