Forum Discussion

Seb_Daubert's avatar
Seb_Daubert
Community Member
13 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

5 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?

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

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