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
- Seb_DaubertCommunity Member
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.
- MelissaAlvarezMCommunity Member
Very cook, I'm curious how you are using this. Once the learner records themselves, what happens (or is possible) next?
- Seb_DaubertCommunity Member
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 :)
- StuartGover-17dCommunity Member
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?- Seb_DaubertCommunity Member
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.