HTML5とJavaScriptでQRコード読み取り駆動アプリ - とむころりの開発日誌
この投稿はHTML5 Advent Calendar 2012の5日目の投稿です。 Chrome 21が夏にリリースされて、普通のStable版でもWebRTCが使えるようになりました。 そこで、 Webカメラで読み取ったQRコードの画像をデコードして、音楽を奏でるWebアプリを作ってみました。 HTML5 と Web カメラで QRコード 読み取り HTML5が絡むのはWebRTC（Webカメラ）の読み取りの他は、Video、Canvas、Audioと基本的なヤツだけなんですが、 Flashを使わなくても、こんなのできるよ、ということで。 処理の流れは、こんな感じです。 ①WebRTC初期化（Webカメラのみ要求） ②Video要素のSrcにWebRTCのメディアストリームを設定 ③VideoのキャプチャをCanvasに転写 ④CanvasのバイトデータをZXing（QRデコーダ）に渡す
iOSプログラマへ。HTML5 Canvasがおもしろい！ | DOTAPON Blog
…という題で、発表してきました。 さいたま開発勉強会 vol5です。 iOSのCore Graphicsと共通点の多いHTML5 Canvas。 iOSプログラムの経験がまるごと活かせるぜ！面白いものつくろうぜ！ ということをお伝えしたく、実際に手を動かす場面を取り入れてみました。 実際に効果があったかどうかは…わかりません (^^;) 入門的な位置づけに仕上げてみましたので、iOSプログラマの方もそうでない方も、ぜひ触ってみてください。 iOSプログラマへ。HTML5 Canvasがおもしろい！ from cocopon 練習用の「HTML5 Canvas スターターキット」はこちらから。 マウス・タッチイベント両対応のInputManagerが付属していますので、ぜひご活用ください :) CanvasStarterKit_100.zip
『canvas』要素の勉強をする時の参考サイトまとめました | HTML5でサイトをつくろう
HTML5の『canvas』要素 今回の標題でもあるcanvas要素は、HTML5の新要素の中で最も注目されている要素の1つなので、私もこれから学習していくのがとても楽しみです。 まずcanvas要素について知るために参考サイトを見つけることから始めました。調べるとすぐにサンプルなどが数多くヒットし、その中には目を奪われる表現や複雑な処理を行っているモノがいくつもありました。また、サンプルは非常に多いのですがちゃんとしたサイトでの事例はまだまだ少ないのが現状だということも知ることができました。まずは焦らず基礎から勉強していこうと思います。 『canvas』要素のサンプルまとめ 今回調べた『canvas』要素を使ったコンテンツをいくつかピックアップしましたのでご紹介します。 HTML5 Canvas and Audio Experiment 音楽に合わせて複数のオブジェクトが円になったり、マ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FirstCanvas