Example of Speech To Text in ASP.NET Core AI AssistView Control

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, with responses powered by Azure OpenAI.

DEMO

SOURCE

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.
The promptSuggestions provides AI prompt suggestions to guide user interactions.