Record D3.js board animation as mp4 audio and video

I have a whiteboard / hand app written with D3.js svg path elements. These elements are grouped into scenes with their own mp3 audio.

Several scenes with their animated svg tracks are played according to the timeline, with the sound working just fine.

So the end result looks like an animated movie with a whiteboard. This works well in the app. How can I record all animation as mp4 file?

I would like to run this entirely on the client side. I looked at ffmpeg but prefer not to install a desktop for this web application.

I have looked into using the chrome tab extension, but it only works in the chrome browser.

What other options do I have?