HTMLアニメーションからMP4ムービーをレンダリングする方法

基本的に私は何とかHTML CanvasまたはSVGアニメーションのアニメーションからMP4ムービーをレンダリングする方法を探しています。HTMLアニメーションからMP4ムービーをレンダリングする方法

私はそれを少しプレビューする必要はありません。私はちょうど私がテキストと画像を与えることができると思っています、そして、コードはこれらをこれらのコンテンツをアニメーション化されたビデオにレンダリングします。

ありがとうございます。私は完全にあなたの質問を理解していないが、あなたは単にあなたがこれを行うことができSVGリンクのようなものを含めるようにしようとしている場合

2016-08-22 user3850782

*実際のmp4エンコーダをコード化したいのですか？！*これはあまりにも大きいので、Stackoverflowの質問をお願いします。しかし、あなたは運がいいです！ antimatter15によって[Whammy]（https://github.com/antimatter15/whammy）を使用してCanvasコンテンツを.WebMビデオにエンコードすることができます。次に、多くのオンラインコンバータの1つと.webmを.mp4にクロスエンコードすることができます。アニメーションキャンバスを開発用コンピュータのビデオファイルに取り込むだけなら、[SnagIt]（https://www.techsmith.com/snagit.html）でビデオをキャプチャできます。 – markE

@markEこれは仕様に含まれています:)（mp4形式はプロプライエタリ形式なので） – Kaiido

@Kaiido。 'canvas.captureStream' ==クール！それに言及してくれてありがとう（それは私には新しいものでした）。 :-) – markE

：

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

またSpritelyをチェックアウトする必要があります：http://spritely.net/はあなたを助けるかもしれません。

出典

2016-08-22 20:09:19 AndrewLeonardi

heheいいえ。言い換えれば、どうすればいいですか？あなたが円が左から右に行くコードを書いたとします。私が必要とするのはこのイベントを取得し、MP4ムービーにレンダリングすることです。 – user3850782

私の答えは少し更新されました。悲しいことに、それはちょうど静かではない単純な。あなたがウェブアニメーションを作ろうとしているなら、上記のリンクをチェックしたいかもしれません。 – AndrewLeonardi

HTMLアニメーションからMP4ムービーをレンダリングする方法

答えて

関連する問題