Help us understand the problem. What is going on with this article?

Canvasに描画するとWebM動画を作ってくれる「Whammy」を使ってみた

More than 1 year has passed since last update.

とりあえずChromeで動かすことができたので、そのメモ

準備

フレームレート決めてNewする

var video = new Whammy.Video(15);

WebMの動画に入れたいシーンの登録

勝手にCanvasに描画したものを記録するわけではなく、
プログラムで任意のタイミングで、フレームを追加する必要があります。

Canvasから取得したContextを追加

ctx = canvas.getContext('2d');
video.add(ctx);

WebMを作成する

createObjectURLでURLを作り、このURLをVideoタグのsrcに指定すると
はい出来上がり!

var output = video.compile();
var url = webkitURL.createObjectURL(output);
document.getElementById('videoItem').src = url;

2017年10月 追記*

ということで、createObjectURLは廃止予定だそうです。

が、2017/10/26現在 Whammyの公式のリポジトリでは、とくにこれに対応するなどの話もなさそうな気配。。。

Jsdo.itで実際に動くサンプル

リアルタイムでレイトレして、WebMに記録するヤツ

Whammyのサイト

Whammy

関連記事

kjunichi
WebRubyがきっかけで、mrubyで実装されたhttp2サーバーのtrusterdに絡んだ事をやってみたり、ElectronのIssue眺めたり、手元で動かしたり、node.js関連。WASMも少々。投稿する記事の内容は個人の意見であり、所属する企業の見解を代表するものではありません。
https://abrakatabura.hatenablog.com/
japan-systems
「2019年に50周年を迎えたIT企業です。最先端の技術により全国の企業、官公庁、自治体に多くの実績があります。」
https://www.japan-systems.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした