Animockup - アプリ/ウェブのアニメーションモックアップ作成

• アプリ/ウェブを紹介するアニメーションを簡単に作れるウェブサイト

• キャプチャした動画/画像をMac/iPhone/Galaxyなどのフレームに載せて、テキストを追加可能

• 生成物をWebM/MP4/アニメGIFでダウンロード

• サーバー不要のスタンドアロン動作

• FabricJS、CanvasRecorder.js、FFMPEG.jsなどを利用したオープンソース

[xguru]

GitHubで公開されているコードから動作動画を確認できます。

https://github.com/alyssaxuu/animockup

1. iPhoneの画面録画機能などでアプリの動作を録画

2. その動画をここにアップロードしてiPhoneフレームを選択

3. 字幕および紹介コメントのテキストを入力

4. 動画としてダウンロード

こういう形なら、別途動画編集ソフトがなくても紹介動画を簡単に作れそうですね。

機能は素晴らしいですね。オープンソースとして公開されていて参考にできるのも良いです。