Blazor AI AssistView Example - Speech To Text
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
SpeechToTextcomponent captures voice input and transcribes it into text, which is then passed to the AI AssistView for generating contextual responses. - The
footerTemplateincludes a content-editable area and a microphone button for initiating voice input. - The
toolbarSettingsadds a right-alignedRefreshbutton to clear previous prompts. - Responses are streamed dynamically using the
addPromptResponsemethod for a real-time experience. - Markdown content in the response is rendered using the
Markedplugin for rich formatting.