Forum Discussion

Seb_Daubert's avatar
Seb_Daubert
Community Member
9 days ago

🎥 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

See example here

2 Replies

  • Seb_Daubert's avatar
    Seb_Daubert
    Community 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.

  • Very cook, I'm curious how you are using this. Once the learner records themselves, what happens (or is possible) next?