Forum Discussion
🎥 Record video + audio directly inside a Storyline slide!
I built a JavaScript integration that lets you record your webcam and microphone inside a Storyline project using built-in browser features. It:
- requests permission to use the webcam and mic,
- merges both audio and video streams,
- starts/stops recording with custom buttons,
- and automatically downloads a .webm video file with synchronized audio.
>The script uses two accessible Storyline buttons (via data-acc-text="btnrecord" and btnstop) and injects a video element into a defined HTML container (data-acc-text="Myvidzone").
>The video is recorded in at least 1280×720 HD resolution, and the sound is clean thanks to noise suppression and echo cancellation.
No plugins or external libraries are required — this works entirely within the browser!
5 Replies
Note: It doesn't work in review mode because it blocks camera and microphone permissions. However, it works locally (in preview mode and local web export), as well as on a personal remote server.
Very cook, I'm curious how you are using this. Once the learner records themselves, what happens (or is possible) next?
Hello, I personally did not need this example, it was created for a forum user, I already had an example which allowed to make only a capture image which could then be used as an avatar in a module :)
Great work Seb_Daubert, this will really enhance self reflection and sharing to managers etc. thanks!
One question, have you found a way to replay the recording in the same story, so the learner could review their performance for example?Hi, The video being recorded on the user disk, he can easily play it via his Windows media player, it would be a lot of additional development for not much I think.
