Scematic of desktop showing screen, notepad and microphone.

Adding voice-to-text recording to a Storyline course

We already have a demonstration on this site that allows learners to enter text notes at pre-determined points in a Storyline course. These notes are then inserted into a downloadable course handout at the end of the course. To do this we use JavaScript to read a pdf ‘form’ handout template and, essentially ‘fill-in’ the form with the learner’s typed input…
…For some time we have been keen to provide learners with the option of using audio to record their notes, making note-taking much faster and more accessible. Obviously, this requires some server-side code to be able to access one of the third-party AI voice-to-text services.

In the demo, we use Microsoft’s Azure Speech Services. We have inserted a web object on the designated screens. This HTML object contains a script that allows the learner to open their microphone, and record an audio note.

When they close the microphone, the resulting audio file is sent to the server-side app which, in turn sends it to the Azure AI voice-to-text service and is returned as a text transcript. The learner can re-record the not if necessary or edit it as a text note.

Click ‘play’ to view a video showing how it looks: