Thanks to Matthew Terentjev's great post here, it's possible for storyline users to create online Speech Recognition Interactions in their projects, now my question is how to initiate startButton function in HTML file named vars.html with Storyline triggers? ( in the vars.html file there is a code that when the user clicks on the microphone button, it triggers startButton function )
That way I can start the Speech Recognition using a trigger in storyline timeline whenever I want.
Thank you. It is actually not necessary, to include vars.html file at all... as all javascript for WebSpeech API can sit in Storyline trigger and can be triggered with a button within Storyline.
I Think Articulate Should Be Happy And Of course Thankful To Have Such a Genius And CREATIVEUsers Like you.
Thank you for your kind help,
The code you provided is simple and clean and that's what confuses me more, I tried to do some modifications and two of them make me feel like I'm a big failure in life :( I know that maybe there is a way to solve them or maybe they are some bugs, Storyline Bugs! I Don't Know...
1) First one is even if you add the recognition.continuous = true; Recognition does not continue when the user pauses while speaking. even when I change this part to :
2) I tried to do something just like your first project, each time user clicks to start a new recognition, the last recognized text disappears, (Not when the user starts speaking but when he/she clicks the button). in last 24 hours, I was trying to find a solution for this with no success.
I am trying to figure out how to build a course where the learner would speak into the microphone to learn malay. I am hoping i can trigger the javascript from within storyline itself without having to host the var.html file. The links to the blogpost does not work and I am unable to follow. Any advice on what is the javascript to use within storyline for speech to text?
I've been trying this but I keep getting stuck. Currently trying to review in Review 360 but I'm getting an error as follows in the console log:
"Error occurred in recognition: not-allowed"
In other pages I notice that a microphone permission pop-up appears, but I'm not seeing that happen, so I wonder if anything has changed since this solution was posted that would prevent Review 360 from properly executing the JavaScript
Just a thought, but are you using any assets that are hosted on another server, i.e. web objects? If so, does the server have an SSL certificate, i.e. https?
Last time I played with speech recognition it would only work if I was hosting on a secure server.
Hi Max, And I'm having the same difficulty. Did you figure out how to keep the microphone active? I want to navigate the screen by executing various commands. But the microphone turns off after the first speech.
Hello Max, Curious what you mean in your detailed directions for insert text variable on a slide. The first isChrome javazcript trigger works. But the recording button is not working when executing the second javascript trigger.
Max might not be subscribed to this discussion, but you're welcome to contact them directly through their profile by clicking on their name and selecting Contact Me.
14 Replies
Hi Max,
Thank you. It is actually not necessary, to include vars.html file at all... as all javascript for WebSpeech API can sit in Storyline trigger and can be triggered with a button within Storyline.
Hi dear Matthew, I tried to put all javascript to Storyline and execute it with a simple button but that doesn't work at all...
Then I tried to execute javascript at timeline start and trigger startButton function with a button but this is not working too...
How Can I do that?
please help, I'm new to Storyline and java :(
This post was removed by the author
I have published a blog post with a detailed explanation on how to bring Web Speech API into Storyline with an example.
Here it is https://elearningdifferently.com/speech-recognition-and-storyline
Hope it helps!
Wow Thank you a bunch, I'll check that...
Let me know if it is helpful!
This post was removed by the author
Yep, That works and it's great.
I Think Articulate Should Be Happy And Of course Thankful To Have Such a Genius And CREATIVE Users Like you.
Thank you for your kind help,
The code you provided is simple and clean and that's what confuses me more, I tried to do some modifications and two of them make me feel like I'm a big failure in life :( I know that maybe there is a way to solve them or maybe they are some bugs, Storyline Bugs! I Don't Know...
1) First one is even if you add the
recognition.continuous = true;Recognition does not continue when the user pauses while speaking. even when I change this part to :recognition.onspeechend = function() {recognition.start();
console.log('Speech ended!');
}
2) I tried to do something just like your first project, each time user clicks to start a new recognition, the last recognized text disappears, (Not when the user starts speaking but when he/she clicks the button). in last 24 hours, I was trying to find a solution for this with no success.
Regards
Hi.
I am trying to figure out how to build a course where the learner would speak into the microphone to learn malay. I am hoping i can trigger the javascript from within storyline itself without having to host the var.html file. The links to the blogpost does not work and I am unable to follow. Any advice on what is the javascript to use within storyline for speech to text?
Hi. Matthew Terentjev
First, thank your very useful article.
Can you give detailed instructions on how to perform in the Storyline?
Please. Help me
I've been trying this but I keep getting stuck. Currently trying to review in Review 360 but I'm getting an error as follows in the console log:
"Error occurred in recognition: not-allowed"
In other pages I notice that a microphone permission pop-up appears, but I'm not seeing that happen, so I wonder if anything has changed since this solution was posted that would prevent Review 360 from properly executing the JavaScript
Just a thought, but are you using any assets that are hosted on another server, i.e. web objects? If so, does the server have an SSL certificate, i.e. https?
Last time I played with speech recognition it would only work if I was hosting on a secure server.
Hi Max,
And I'm having the same difficulty. Did you figure out how to keep the microphone active? I want to navigate the screen by executing various commands. But the microphone turns off after the first speech.
I hope you can help me.
Regards
Hello Max,
Curious what you mean in your detailed directions for insert text variable on a slide. The first isChrome javazcript trigger works. But the recording button is not working when executing the second javascript trigger.
Hi Jake!
Max might not be subscribed to this discussion, but you're welcome to contact them directly through their profile by clicking on their name and selecting Contact Me.
This post was removed by the author
Really it's Working..Thank you so much