I thought it would be nice to have player controls for the exported SVG animations. I had recently worked with the very nice termtosvg and I realised that its player could be quite easily modified to work with enve's SMIL output.
I added the player elements and styles into the SVG. The JS code is not very elegant, I tried to clean it up as best I could. One minor issue is that after you scrub the animation, the mouseup event usually does not fire. This is also seen in the original termtosvg player. It works after clicking outside the slider.
I only tested this with a very simple animation, so I am not sure how robust the JS code is. If you like the idea of offering such a player optionally, I guess you could allow for some customisation like autoplay and looping.
I thought it would be nice to have player controls for the exported SVG animations. I had recently worked with the very nice termtosvg and I realised that its player could be quite easily modified to work with enve's SMIL output.
I added the player elements and styles into the SVG. The JS code is not very elegant, I tried to clean it up as best I could. One minor issue is that after you scrub the animation, the mouseup event usually does not fire. This is also seen in the original termtosvg player. It works after clicking outside the slider.
I only tested this with a very simple animation, so I am not sure how robust the JS code is. If you like the idea of offering such a player optionally, I guess you could allow for some customisation like autoplay and looping.
Regarding accessibility:
The
The
There is a