JavaScript Face Tracking Demo
Step #1 - getUserMedia and tracking.js getUserMedia is a HTML5 API that allows web apps to access user's camera and microphone. Read more on HTML5 Rocks. tracking.js was used to detect and track user's face, but that's just one of the things that this amazing library is capable of. Step #2 - gif.js gif.js converted array of images to a GIF. It's very fast because it splits up the work between mult
Just A Reflektor by Arcade Fire - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. “Just A Reflektor” is an interactive film directed by Vincent Morisset and featuring a new song from Arcade Fire. The film lets you cast a virtual projection on your computer screen by holding up your mobile device in front of your computer’s webcam. That way, you control all of the visual effects in the experience
かまって顔文字ちゃん - jsdo.it - Share JavaScript, HTML5 and CSS
顔文字ちゃんをかまってあげてください。 構い方 カメラ接続の許可を求められるので許可して下さい。 顔文字ちゃんは動きに反応します。体をよせたり手で触ってあげてください。なでてあげるとよろこびます。 構わず放っておくと眠るか怒るかしてしまいます。眠ったときはたくさん触っておこしてあげて下さい。 怒ってしまった場合は怒りがおさまるまで少し待ちましょう。ふてくされていたら怒るサイン、構ってご機嫌をとりましょう。 左右から構うとびよーんと伸びます。アワワワなりますが機嫌は悪くならないので大丈夫。ちょっとコツがいります。 あまり暗かったり背景と動くものの色が似ていると反応が悪いことがあります。 getUserMedia() 対応ブラウザのみ Chrome 22, FIrefox 18, で確認 ※ Firefox の場合 about:config にアクセスして media.navigator.en
Chrome で AR してみる - jsdo.it - Share JavaScript, HTML5 and CSS
getUserMedia() でカメラの映像を取得 → WebGL で 3D モデルを表示 マーカー 下の QR コードから携帯などでアクセスすると、マーカーが表示されるので簡単とおもいます 画像からマーカー切りだす部分は js-aruco を使っています 3D モデルは http://blog.r3c7.net/?p=121 から頂いた Colladaファイルを Blender で obj ファイルに変換して https://gist.github.com/4049600 で JSON に変換しました テクスチャ画像がそのままでは大きかったので PNG8 に圧縮しています 2012/9/24 追記 7月末に Chrome stable 21 に getUserMedia() 載りました コードを CoffeeScript に差し替えました README を markdown にしていろい
Capture audio and video in HTML5 | Articles | web.dev
Capture audio and video in HTML5 Stay organized with collections Save and categorize content based on your preferences. Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webcam Directive
