Interactive Audio in E-Learning #405: Challenge | Recap
Challenge of the Week
This week, your challenge is to create an example that shows how interactive audio can be used in e-learning....
Published 2 years ago
Version 1.0
Blog Post
Better late than never I can participate in this ELC :)
Enter your name and you hear a personal "Welcome!":
https://elearnings.at/examples/elc/personal_greeting/story.html
Enter your name and you hear a personal "Welcome!":
https://elearnings.at/examples/elc/personal_greeting/story.html
Cool to read another language, Stephan. We could have heard it in German too. It sounds like you are exporting the request to an external voice maker, then importing the result. I'm very interested in how you do this.
- Thank you for your reply, Emmanuel! I have adapted my little demo. Now you can hear the greeting in English, French and German.
Unfortunately the integrated text to speech service in Storyline does not speak variables, So I had to think of an alternative.
To create this I only needed to communicate with the Web Speech API with a few lines of JavaScript.- I didn't mean to make you work harder, Stefan :-) (and that's Thierry for friends and heroes). I just said it was cool to see another language sometimes in demos. Unfortunately, your demo doesn't seem to work anymore. No different languages. And no sound at all. Just "End of demo". It's to bad. Does anyone have the same problem? Is it a connection (speed) problem? Can you check it ? Finally, if it's not a trade secret, I'd like to see your JS code to do that. Thanks.
- Hey Thierry :), it was just a nice challenge to give the possibility to choose a different language. It's sad, that the demo does not work any more at your device. Maybe you have to refresh the page or clean your browser's cache?
For the French version I typed this JS code:
const player = GetPlayer();
let name_sl = player.GetVar("Name")
let msg = `Bonjour ${name_sl}!`;
let speech = new SpeechSynthesisUtterance();
speech.lang = "fr-FR";
speech.text = msg;
speech.volume = 1;
speech.rate = 1;
speech.pitch = 0.9;
window.speechSynthesis.speak(speech);
I earn my money by producing and selling eLearning-modules, but I am always eager to exchange knowledge with the eLearning-community. I even created the only free, ad-free and independent elearning-forum for german speaking people. So, why wouldn't I show you this little piece of code? :)
If you like to learn more JavaScript, I encourage you to research on the web and practice it.