984607: Added UG content and code snippet for AI AssistView integration with STT and TTS.

ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/speech/speech-to-text.md

@@ -0,0 +1,42 @@
+---
+layout: post
+title: Speech-to-Text With ##Platform_Name## AI AssistView Control | Syncfusion
+description: Checkout and learn about configuration of Speech-to-Text with Azure OpenAI in ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Azure Open AI
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Speech-to-Text in ASP.NET MVC AI AssistView
+
+The Syncfusion ASP.NET MVC AI AssistView control supports `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API), enabling conversion of spoken words into text using the device's microphone.
+
+## Prerequisites
+
+Before integrating `Speech-to-Text`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your ASP.NET MVC application.
+    - [ASP.NET MVC Getting Started Guide](../getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With ASP.NET MVC AI AssistView control](../ai-integrations/openai-integration)
+
+## Configure Speech-to-Text
+
+To enable Speech-to-Text functionality, modify the `Index.cshtml` file to incorporate the Web Speech API. The [SpeechToText](https://ej2.syncfusion.com/aspnetmvc/documentation/speech-to-text/getting-started) control listens for microphone input, transcribes spoken words, and updates the AI AssistView's editable footer with the transcribed text. The transcribed text is then sent as a prompt to the Azure OpenAI service via the AI AssistView control.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/ai-assistview/speech/stt/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="SpeechToText.cs" %}
+{% include code-snippet/ai-assistview/speech/stt/speechtotextmvc.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Integrating Speech-to-Text with AI AssistView](images/aiassist-stt.png)
+
+## See Also
+
+* [Text-to-Speech](./text-to-speech)

ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/speech/text-to-speech.md

@@ -0,0 +1,42 @@
+---
+layout: post
+title: Text-to-Speech With ##Platform_Name## AI AssistView Control | Syncfusion
+description: Checkout and learn about configuration of Text-to-Speech with Azure OpenAI in ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Azure Open AI
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Text-to-Speech in ASP.NET MVC AI AssistView
+
+The Syncfusion TypeScript AI AssistView component supports `Text-to-Speech` (TTS) functionality using the browser's Web Speech API specifically using the [SpeechSynthesisUtterance](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance) interface to convert AI-generated response into spoken audio.
+
+## Prerequisites
+
+Before integrating `Text-to-Speech`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your ASP.NET MVC application.
+    - [ASP.NET MVC Getting Started Guide](../getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With ASP.NET MVC AI AssistView control](../ai-integrations/openai-integration)
+
+## Configure Text-to-Speech
+
+To enable Text-to-Speech functionality, modify the `Index.cshtml` file to incorporate the Web Speech API. A custom `Read Aloud` button is added to the response toolbar using the [ResponseToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewResponseToolbarSettings.html) property. When clicked, the [ItemClicked](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewResponseToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewResponseToolbarSettings_ItemClicked) event extracts plain text from the generated AI response and use the browser SpeechSynthesis API to read it aloud.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/ai-assistview/speech/tts/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="SpeechToText.cs" %}
+{% include code-snippet/ai-assistview/speech/tts/texttospeechmvc.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Integrating Text-to-Speech with AI AssistView](images/aiassist-tts.png)
+
+## See Also
+
+* [Speech-to-Text](./speech-to-text)

ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/speech/speech-to-text.md

@@ -0,0 +1,42 @@
+---
+layout: post
+title: Speech-to-Text With ##Platform_Name## AI AssistView Control | Syncfusion
+description: Checkout and learn about configuration of Speech-to-Text with Azure OpenAI in ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Azure Open AI
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Speech-to-Text in ASP.NET Core AI AssistView
+
+The Syncfusion ASP.NET Core AI AssistView control supports `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API), enabling conversion of spoken words into text using the device's microphone.
+
+## Prerequisites
+
+Before integrating `Speech-to-Text`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your ASP.NET Core application.
+    - [ASP.NET Core Getting Started Guide](../getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With ASP.NET Core AI AssistView control](../ai-integrations/openai-integration)
+
+## Configure Speech-to-Text
+
+To enable Speech-to-Text functionality, modify the `Index.cshtml` file to incorporate the Web Speech API. The [SpeechToText](https://ej2.syncfusion.com/aspnetcore/documentation/speech-to-text/getting-started) control listens for microphone input, transcribes spoken words, and updates the AI AssistView's editable footer with the transcribed text. The transcribed text is then sent as a prompt to the Azure OpenAI service via the AI AssistView control.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/ai-assistview/speech/stt/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Gemini.cs" %}
+{% include code-snippet/ai-assistview/speech/stt/speechtotextcore.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Integrating Speech-to-Text with AI AssistView](images/aiassist-stt.png)
+
+## See Also
+
+* [Text-to-Speech](./text-to-speech)

ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/speech/text-to-speech.md

@@ -0,0 +1,42 @@
+---
+layout: post
+title: Text-to-Speech With ##Platform_Name## AI AssistView Control | Syncfusion
+description: Checkout and learn about configuration of Text-to-Speech with Azure OpenAI in ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Azure Open AI
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Text-to-Speech in ASP.NET Core AI AssistView
+
+The Syncfusion TypeScript AI AssistView component supports `Text-to-Speech` (TTS) functionality using the browser's Web Speech API specifically using the [SpeechSynthesisUtterance](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance) interface to convert AI-generated response into spoken audio.
+
+## Prerequisites
+
+Before integrating `Text-to-Speech`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your ASP.NET Core application.
+    - [ASP.NET Core Getting Started Guide](../getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With ASP.NET Core AI AssistView control](../ai-integrations/openai-integration)
+
+## Configure Text-to-Speech
+
+To enable Text-to-Speech functionality, modify the `Index.cshtml` file to incorporate the Web Speech API. A custom `Read Aloud` button is added to the response toolbar using the `e-aiassistview-responsetoolbarsettings` tag helper. When clicked, the [itemClicked](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewResponseToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewResponseToolbarSettings_ItemClicked) event extracts plain text from the generated AI response and use the browser SpeechSynthesis API to read it aloud.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/ai-assistview/speech/tts/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Gemini.cs" %}
+{% include code-snippet/ai-assistview/speech/tts/texttospeechcore.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Integrating Text-to-Speech with AI AssistView](images/aiassist-tts.png)
+
+## See Also
+
+* [Speech-to-Text](./speech-to-text)

ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs

@@ -1,6 +1,8 @@
-using OpenAI;
 using Azure;
 using Azure.AI.OpenAI;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using OpenAI.Chat;
 namespace WebApplication4.Pages
 {
     public class IndexModel : PageModel
@@ -68,22 +70,22 @@ public async Task<IActionResult> OnPostGetAIResponse([FromBody] PromptRequest re
                 return BadRequest($"Error generating response: {ex.Message}");
             }
         }
-        }
+    }
 
-        public class IndexViewModel
-        {
-            public List<ToolbarItemModel> Items { get; set; } = new List<ToolbarItemModel>();
-            public string[] PromptSuggestionData { get; set; }
-        }
+    public class IndexViewModel
+    {
+        public List<ToolbarItemModel> Items { get; set; } = new List<ToolbarItemModel>();
+        public string[] PromptSuggestionData { get; set; }
+    }
 
-        public class PromptRequest
-        {
-            public string Prompt { get; set; }
-        }
+    public class PromptRequest
+    {
+        public string Prompt { get; set; }
+    }
 
-        public class ToolbarItemModel
-        {
-            public string align { get; set; }
-            public string iconCss { get; set; }
-        }
+    public class ToolbarItemModel
+    {
+        public string align { get; set; }
+        public string iconCss { get; set; }
     }
+}

ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper

@@ -1,3 +1,4 @@
+@model IndexModel
 @using Syncfusion.EJ2.InteractiveChat
 @{
     ViewData["Title"] = "AI Assistance with Gemini";