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!
2 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?
