Merge pull request #4600 from syncfusion-content/986985-stt-content

thangavele · web-flow · commit 54d6ec301d5b · 2025-10-16T12:12:23.000+05:30
986985: updated the speech samples description
diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/speech/speech-to-text.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/speech/speech-to-text.md
@@ -10,7 +10,7 @@ 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.
+The Syncfusion ASP.NET MVC AI AssistView control integrates `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API). This enables the conversion of spoken words into text using the device's microphone, allowing users to interact with the AI AssistView through voice input.
 
 ## Prerequisites
 
diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/speech/text-to-speech.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/speech/text-to-speech.md
@@ -10,7 +10,7 @@ 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.
+The Syncfusion TypeScript AI AssistView control integrates `Text-to-Speech` (TTS) functionality using the browser's Web Speech API, specifically the [SpeechSynthesisUtterance](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance) interface. This allows AI-generated responses to be converted into spoken audio, enhancing accessibility and user interaction.
 
 ## Prerequisites
 
diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/speech/speech-to-text.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/speech/speech-to-text.md
@@ -10,7 +10,7 @@ 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.
+The Syncfusion ASP.NET Core AI AssistView control integrates `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API). This enables the conversion of spoken words into text using the device's microphone, allowing users to interact with the AI AssistView through voice input.
 
 ## Prerequisites
 
diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/speech/text-to-speech.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/speech/text-to-speech.md
@@ -10,7 +10,7 @@ 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.
+The Syncfusion TypeScript AI AssistView control integrates `Text-to-Speech` (TTS) functionality using the browser's Web Speech API, specifically the [SpeechSynthesisUtterance](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance) interface. This allows AI-generated responses to be converted into spoken audio, enhancing accessibility and user interaction.
 
 ## Prerequisites
 
diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/speech/tts/razor b/ej2-asp-core-mvc/code-snippet/ai-assistview/speech/tts/razor
@@ -29,17 +29,20 @@
     var stopStreaming = false;
     var currentUtterance;
 
+    // Initializes the AIAssistView component reference when created
     function onCreated() {
         assistObj = ej.base.getComponent(document.getElementById("aiAssistView"), "aiassistview");
     }
 
+    // Handles toolbar item clicks, such as clearing the conversation on refresh
     function toolbarItemClicked(args) {
         if (args.item.iconCss === 'e-icons e-refresh') {
             assistObj.prompts = [];
             stopStreaming = true;
         }
     }
 
+    // Handles clicks on response toolbar items, such as copying, reading aloud, liking, or disliking the response
     function onResponseToolbarItemClicked(args) {
         const responseHtml = assistObj.prompts[args.dataIndex].response;
         if (responseHtml) {
@@ -68,6 +71,7 @@
         }
     }
 
+    // Streams the AI response character by character to create a typing effect
     async function streamResponse(response) {
         let lastResponse = '';
         const responseUpdateRate = 10;
@@ -85,6 +89,7 @@
         }
     }
 
+    // Handles prompt requests by sending them to the server API endpoint and streaming the response
     function onPromptRequest(args) {
         // Get antiforgery token
         var tokenElement = document.querySelector('input[name="__RequestVerificationToken"]');
@@ -121,6 +126,7 @@
         });
     }
 
+    // Stops the ongoing streaming response
     function stopRespondingClick() {
         stopStreaming = true;
     }
diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/speech/tts/tagHelper b/ej2-asp-core-mvc/code-snippet/ai-assistview/speech/tts/tagHelper
@@ -24,17 +24,20 @@
     var stopStreaming = false;
     var currentUtterance;
 
+    // Initializes the AIAssistView component reference when created
     function onCreated() {
         assistObj = ej.base.getComponent(document.getElementById("aiAssistView"), "aiassistview");
     }
 
+    // Handles toolbar item clicks, such as clearing the conversation on refresh
     function toolbarItemClicked(args) {
         if (args.item.iconCss === 'e-icons e-refresh') {
             assistObj.prompts = [];
             stopStreaming = true;
         }
     }
 
+    // Handles clicks on response toolbar items, such as copying, reading aloud, liking, or disliking the response
     function onResponseToolbarItemClicked(args) {
         const responseHtml = assistObj.prompts[args.dataIndex].response;
         if (responseHtml) {
@@ -63,7 +66,7 @@
         }
     }
 
-
+    // Streams the AI response character by character to create a typing effect
     async function streamResponse(response) {
         let lastResponse = '';
         const responseUpdateRate = 10;
@@ -81,6 +84,7 @@
         }
     }
 
+    // Handles prompt requests by sending them to the server API endpoint and streaming the response
     function onPromptRequest(args) {
         // Get antiforgery token
         var tokenElement = document.querySelector('input[name="__RequestVerificationToken"]');
@@ -117,6 +121,7 @@
         });
     }
 
+    // Stops the ongoing streaming response
     function stopRespondingClick() {
         stopStreaming = true;
     }

Original file line number	Diff line number	Diff line change
`@@ -29,17 +29,20 @@`
`29`	`29`	`var stopStreaming = false;`
`30`	`30`	`var currentUtterance;`
`31`	`31`
	`32`	`+ // Initializes the AIAssistView component reference when created`
`32`	`33`	`function onCreated() {`
`33`	`34`	`assistObj = ej.base.getComponent(document.getElementById("aiAssistView"), "aiassistview");`
`34`	`35`	`}`
`35`	`36`
	`37`	`+ // Handles toolbar item clicks, such as clearing the conversation on refresh`
`36`	`38`	`function toolbarItemClicked(args) {`
`37`	`39`	`if (args.item.iconCss === 'e-icons e-refresh') {`
`38`	`40`	`assistObj.prompts = [];`
`39`	`41`	`stopStreaming = true;`
`40`	`42`	`}`
`41`	`43`	`}`
`42`	`44`
	`45`	`+ // Handles clicks on response toolbar items, such as copying, reading aloud, liking, or disliking the response`
`43`	`46`	`function onResponseToolbarItemClicked(args) {`
`44`	`47`	`const responseHtml = assistObj.prompts[args.dataIndex].response;`
`45`	`48`	`if (responseHtml) {`
`@@ -68,6 +71,7 @@`
`68`	`71`	`}`
`69`	`72`	`}`
`70`	`73`
	`74`	`+ // Streams the AI response character by character to create a typing effect`
`71`	`75`	`async function streamResponse(response) {`
`72`	`76`	`let lastResponse = '';`
`73`	`77`	`const responseUpdateRate = 10;`
`@@ -85,6 +89,7 @@`
`85`	`89`	`}`
`86`	`90`	`}`
`87`	`91`
	`92`	`+ // Handles prompt requests by sending them to the server API endpoint and streaming the response`
`88`	`93`	`function onPromptRequest(args) {`
`89`	`94`	`// Get antiforgery token`
`90`	`95`	`var tokenElement = document.querySelector('input[name="__RequestVerificationToken"]');`
`@@ -121,6 +126,7 @@`
`121`	`126`	`});`
`122`	`127`	`}`
`123`	`128`
	`129`	`+ // Stops the ongoing streaming response`
`124`	`130`	`function stopRespondingClick() {`
`125`	`131`	`stopStreaming = true;`
`126`	`132`	`}`
Original file line number	Diff line number	Diff line change
`@@ -24,17 +24,20 @@`
`24`	`24`	`var stopStreaming = false;`
`25`	`25`	`var currentUtterance;`
`26`	`26`
	`27`	`+ // Initializes the AIAssistView component reference when created`
`27`	`28`	`function onCreated() {`
`28`	`29`	`assistObj = ej.base.getComponent(document.getElementById("aiAssistView"), "aiassistview");`
`29`	`30`	`}`
`30`	`31`
	`32`	`+ // Handles toolbar item clicks, such as clearing the conversation on refresh`
`31`	`33`	`function toolbarItemClicked(args) {`
`32`	`34`	`if (args.item.iconCss === 'e-icons e-refresh') {`
`33`	`35`	`assistObj.prompts = [];`
`34`	`36`	`stopStreaming = true;`
`35`	`37`	`}`
`36`	`38`	`}`
`37`	`39`
	`40`	`+ // Handles clicks on response toolbar items, such as copying, reading aloud, liking, or disliking the response`
`38`	`41`	`function onResponseToolbarItemClicked(args) {`
`39`	`42`	`const responseHtml = assistObj.prompts[args.dataIndex].response;`
`40`	`43`	`if (responseHtml) {`
`@@ -63,7 +66,7 @@`
`63`	`66`	`}`
`64`	`67`	`}`
`65`	`68`
`66`		`-`
	`69`	`+ // Streams the AI response character by character to create a typing effect`
`67`	`70`	`async function streamResponse(response) {`
`68`	`71`	`let lastResponse = '';`
`69`	`72`	`const responseUpdateRate = 10;`
`@@ -81,6 +84,7 @@`
`81`	`84`	`}`
`82`	`85`	`}`
`83`	`86`
	`87`	`+ // Handles prompt requests by sending them to the server API endpoint and streaming the response`
`84`	`88`	`function onPromptRequest(args) {`
`85`	`89`	`// Get antiforgery token`
`86`	`90`	`var tokenElement = document.querySelector('input[name="__RequestVerificationToken"]');`
`@@ -117,6 +121,7 @@`
`117`	`121`	`});`
`118`	`122`	`}`
`119`	`123`
	`124`	`+ // Stops the ongoing streaming response`
`120`	`125`	`function stopRespondingClick() {`
`121`	`126`	`stopStreaming = true;`
`122`	`127`	`}`