Example of Speech To Text in React AI AssistView Component

All Controls
/
Ai-assistview
/
SpeechToText

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.

More Details...

Loading....
Description

In this example, the AI AssistView component is integrated with the built-in SpeechToText component to enable voice-based interaction.

The sample demonstrates the following features:

  • The footerToolbarSettings to customize the footer options with speech to text, attachments and a send icon.
  • The speechToTextSettings 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 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.