レコメガール 簡単に説明すると、ブラウザ上で動画の中に画像が合成されるWEBサイトです。 映像製作とは違い、ちょっと特殊な使い方だと思いますが、インタラクティブなサイトを作る際の考え方としてお役に立てれば幸いです。 概要 自動でWEB上の可変的な動画広告(デジタルサイネージ)のようなものを作成できないかと考え、動画のなかで商品やお店などがお勧めされるサイトを作りました。動画の中の女の子が、お勧めものものを紹介してくれます。 それぞれの項目で、場所や興味がある言葉などを入力することで、APIで引っ張ってきた画像や文字が動画に合成され再生されます。アニメーションから動画合成まで、HTML5、CSS3で作成しております。 ここではAfterEffects(Mocha)を使った動画と画像が合成される部分の作り方を、解説いたします。 素材準備 まずは、使用する動画を用意します。 カメラは Panas
![AfterEffects(Mocha)とWEBサイト(HTML5)の連携](https://cdn-ak-scissors.b.st-hatena.com/image/square/34d9a708d01c622e85cc63ba10817c594bb2a053/height=288;version=1;width=512/http%3A%2F%2Fae-users.com%2Fjp%2Fwp-content%2Fuploads%2F2010%2F12%2Fthum_ae_html5.png)