上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

html5+javascript そしてvideoとcanvasAPI使って何か

先日html5-devのハッカソンに参加して、html5とapi使った何かを作ってきたので紹介。

「魚眼ビデオ映像をcanvas背景上に表示する」

目的
・html5でAPI使ってグラフィカルな動きをやってみる

目標
・canvas,videoAPIを利用して、
 魚眼の丸型ビデオをcanvas上に流す

過程
・初めはcanvasの上にvideoを載せるというものと思っていた
・実際はcanvasにvideoから取り出したものをcanvasで書き込むだった
 ⇒canvas上に絵を描き、さらにvideoからの映像をcanvasに描くは可能。

困ったところ
・ピクセルの扱い⇒一次元配列だった
・魚眼の式⇒どれが正しいのかわからなかった
・cCtx.getImageDataが曲者⇒ローカルだとエラーになってしまうのでブラウザで回避

感想
・タグひとつで簡単出力に感動


簡単に書くとこんな感じです。
詳細は続きから。

続きを読む

プロフィール

nkd_a

Author:nkd_a
ぽつぽつと気になった事をメモしてます。
最近はandroidとphp、あとは勉強会とかそのへんです。
ツイッターどうでもいいことしか呟いてません。

最新記事
カテゴリ
Twitter
 
リンク
検索フォーム
最新コメント
最新トラックバック
かうんたぁ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。