How to Use the Component

Step 1: Add the Web Block to Your Screen

• Open your OutSystems screen or UI flow.
• Drag and drop the SpeechToText web block from the component into your desired screen.

Step 2: Configure the Actions

Use the following client actions to control the speech recognition process:

Example Use Case

Scenario: Voice Notes Application

1. Drag and drop the SpeechToText web block onto your screen.
2. Use the Start action to allow users to start dictating their voice notes.
3. Display interim results as the user speaks.
4. Pause transcription when the user clicks a "Pause" button using the Pause action.
5. Stop transcription and clear data when the user is finished using the Stop action.

Error Handling

• The component automatically logs errors during speech recognition using the recognition.onerror event.
• Ensure the browser has access to the microphone for the component to function properly.

Browser Compatibility

This component relies on the Web Speech API, which is supported in the following browsers:

• Google Chrome: Fully supported
• Microsoft Edge: Fully supported
• Safari: Limited support (experimental)
• Firefox: Not supported

Version History

Known Issues

• Limited browser support (Firefox does not support Web Speech API).
• Transcription accuracy depends on the quality of the microphone and background noise.

Let me know if you'd like additional sections or adjustments!