0

Basically I'm looking for somehow to render a MP4 movie from some animation in HTML Canvas or SVG animated.

I don't need to have some preview of it. I'm just thinking that I could give some texts and images and the code would render these into a video with this content animated.

Thank you for your time.

user3850782
  • 9
  • 1
  • 2
  • *You mean you want us to code an actual mp4 encoder for you?!* That's too big an ask for a Stackoverflow question. But you're in luck! You could use [Whammy](https://github.com/antimatter15/whammy) by antimatter15 to encode Canvas content to a .WebM video. Then you can cross-encode the .webm into .mp4 with one of the many online converters. If you just want to screen grab an animating canvas into a video file on your development computer then you can video capture with [SnagIt](https://www.techsmith.com/snagit.html). – markE Aug 22 '16 at 21:10
  • @markE it's now part of the specs :) (except the mp4 format since it is a proprietary format) – Kaiido Aug 23 '16 at 03:07
  • 1
    @Kaiido. `canvas.captureStream` == Cool! Thanks for mentioning it (it was new to me). :-) – markE Aug 23 '16 at 03:16
  • @markE My bad, I didn't meant that. Just wanted to know whether was possible and whether already exist some solution for it. Whammy is cool, but I wished I could generate something with more quality. – user3850782 Aug 23 '16 at 12:13

1 Answers1

-2

I don't entirely understand your question but if you're trying to simply include something like an SVG link you can do this: 

<img src="kiwi.svg" alt="Kiwi standing on oval">

You should also check out Spritely: http://spritely.net/ May help you.

AndrewLeonardi
  • 3,351
  • 9
  • 47
  • 100
  • hehe Nope. How can I say that in other words? Imagine you wrote a code where a circle goes from left to right. What I need is get this event and render into a MP4 movie. – user3850782 Aug 22 '16 at 20:26
  • I updated my answer a bit. Sadly its just not quiet that simple. If you're trying to make web animations you might want to check out the link above. – AndrewLeonardi Aug 22 '16 at 20:34