лучший способ создания видео из html5-анимации [закрыто]

Я хотел сделать короткое вступление для видеоподкаста. Будучи заядлым веб-разработчиком и еще не имея доступа к инструментам анимации и не знающих их, я подумал, что могу попробовать сделать вступление, используя различные техники html5. Проблема в том, как превратить это в видеоклип, который я могу легко загрузить в iMovie?

Если нужно, Я думаю, что этого можно достичь, если я использую только холст, экспортируя png каждый кадр с помощью getImageData. Единственный недостаток в том, что я ограничен только холстом. Я надеялся использовать весь спектр новых техник html5 / css3 / svg. Мне не нужна эта функция для общего использования в Интернете, только для меня, поэтому я был бы рад всему, что требует установки и т. Д., Чтобы заставить ее работать.

Если нужно, я думаю, я могу использовать инструмент для захвата видео с экрана, но я надеялся на полную цепочку с открытым исходным кодом.

В конце концов, я ожидаю, что создам серию png-файлов и буду использовать ffmpeg для их соединения, я просто надеялся выяснить отличный способ сделать это автоматизированным способом с открытым исходным кодом.

Обновление Я просто хотел уточнить, что я в основном пытаюсь использовать HTML5 вместо чего-то вроде flash, но я не пытаюсь передать его другим людям в Интернете, я хочу преобразовать его в видео, и он никогда не должен покидать мой компьютер, который на самом деле является Mac, а не сервером Linux. Если это умеет flash, то почему не html, верно? Кажется, именно это и пытаются утверждать люди. Проблема в том, что я могу взять SWF-файл и преобразовать его в стандартное видео, но как это сделать с помощью анимации javascript или CSS3? Очевидно, что инструмент для захвата экрана может вроде как выполнять эту работу, но обычно они имеют низкую частоту кадров и не могут быть запущены программно, насколько мне известно.

Ближайший вид вещей, которые я могу придумать, не является инструментом для создания снимков экрана. будет что-то вроде webkit2png, только вместо одного png потребуется 60 png в секунду. В какой-то момент я мог бы попытаться реализовать именно это, но мне хотелось посмотреть, есть ли у кого-нибудь еще что-нибудь хорошее.

Пример Итак, я только что сделал вступление, используя встроенные в iMovie карточки с заголовками. Это хороший пример примерно того, что я хотел бы сделать. На самом деле должно быть довольно просто с небольшой работой с анимацией CSS3. То, что у меня есть, неплохое, но я хотел бы использовать настраиваемую графику с лучшим управлением шрифтом / макетом.