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.

Key Features:

  • The AssistViewFooterToolbar to customize the footer options with speech to text, attachments and a send icon.
  • The AssistViewSpeechToText adds the speech to text button at the footer to captures voice input and transcribes it into text.
  • The AttachmentSettings to allow file uploads for the attached files.
  • The AssistViewToolbar 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.