title: Convert SVG Animation to webm or mov
body: <p>I am looking for a reliable and easy to execute method of <strong>converting pure SVG Animation into a video format</strong>, preferably <strong>webm</strong> or <strong>mov</strong>. 
  The animation in question can be found here - it is my personal work and the result of learning how to handle SVG:</p>
  
  <p><a href="https://jsfiddle.net/473btp7e/" rel="nofollow noreferrer">https://jsfiddle.net/473btp7e/</a></p>
  
  <p>To my surprise my initial searches only yielded incomplete answers with often varying results. Upon further research I found <a href="https://bl.ocks.org/veltman/ff864215009174bc5d164ec3533125c2" rel="nofollow noreferrer">this</a> blog post which creates a <code>webm</code> of an SVG animation using <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/MediaRecorder" rel="nofollow noreferrer">MediaRecorder API</a>.</p>
  
  <p>Is there a way of applying said script to my animation so that I get a <code>webm</code> as the result.</p>