STT demo: Update onResult to prevent word jumps (#31625)

Co-authored-by: marker dao ® <[email protected]>

Author: marker-dao

apps/demos/Demos/SpeechToText/Overview/Angular/app/app.component.ts

@@ -117,7 +117,7 @@ export class AppComponent {
   onResult({ event }) {
     const { results } = event;
     const resultText = Object.values(results)
-      .map((resultItem) => resultItem[0].transcript)
+      .map((resultItem) => resultItem[0].transcript.trim())
       .join(' ');
     this.textAreaValue = resultText;
   }

apps/demos/Demos/SpeechToText/Overview/React/App.tsx

@@ -75,7 +75,7 @@ export default function App() {
   const onResult = useCallback(({ event }) => {
     const { results } = event;
     const resultText = Object.values(results)
-      .map((resultItem: any) => resultItem[0].transcript)
+      .map((resultItem: any) => resultItem[0].transcript.trim())
       .join(' ');
     setTextAreaValue(resultText);
   }, []);

apps/demos/Demos/SpeechToText/Overview/ReactJs/App.js

@@ -62,7 +62,7 @@ export default function App() {
   const onResult = useCallback(({ event }) => {
     const { results } = event;
     const resultText = Object.values(results)
-      .map((resultItem) => resultItem[0].transcript)
+      .map((resultItem) => resultItem[0].transcript.trim())
       .join(' ');
     setTextAreaValue(resultText);
   }, []);

apps/demos/Demos/SpeechToText/Overview/Vue/App.vue

@@ -162,7 +162,7 @@ function onStopClick() {
 function onResult({ event }: Record<string, any>) {
   const { results } = event;
   const resultText = Object.values(results)
-    .map((resultItem: any) => resultItem[0].transcript)
+    .map((resultItem: any) => resultItem[0].transcript.trim())
     .join(' ');
   textAreaValue.value = resultText;
 

apps/demos/Demos/SpeechToText/Overview/jQuery/index.js

@@ -43,7 +43,7 @@ $(() => {
       onResult: ({ event }) => {
         const { results } = event;
         const resultText = Object.values(results)
-          .map((resultItem) => resultItem[0].transcript)
+          .map((resultItem) => resultItem[0].transcript.trim())
           .join(' ');
 
         textArea.option('value', resultText);