Support for speech synthesis(voice to text) application


I'm new to outsystems. I've been trying to implement a speech synthesis application here. Previously in html we define the text area using a webskit speech attribute so that the input can have an output from a speech as shown below.

<input type="text" x-webkit-speech>

How do I avail this attribute in out systems. I'm confused.

In the extended properties you can add that.

Hello I have the following javascript code

SyntaxEditor Code Snippet


 recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition)();
recognition.lang = 'en-US';
recognition.interimResults = false;
recognition.maxAlternatives = 5;

 recognition.onresult = function response(event) {
    console.log('You said: ', event.results[0][0].transcript);


I have an input text box and would like the value inside the alert of the above code to display in the input text box. I tried multiple methods but could not achieve it. I've used the alert just to check if it works fine. However, I want the output in the input box.

I have attached the oml. The content i'm describing is in the webscreen2.

Where do I find the extended properties the environment 

Joe Gazafy wrote:

Where do I find the extended properties the environment 

Hello Joe,

It's not "extended properties of the environment". When Jogait refered to extended properties, he was meaning this:

This is a thing present in all of the screen widgets available. For the case presented by Samuel, probably this would be enough - on the input widget:


If you want to show the values on the Textbox, you can either define a specific class for that element and use something in the likes of "$('.class').val('XYZ')"(?) OR you could give a name to your input and execute the JavaScript inside an expression.