kawaii·HTML5/Webカムを使った顔認識 MOONGIFT
ソフトウェア名については気にしないのが良さそうです。kawaiiはごく単純に言えばgetUserMediaを使った顔認識ソフトウェアになります。以前紹介したHTML5 Face DetectionはHTML5のvideoタグを使っていましたが、こちらはそれをベースにgetUserMediaにしています。 さらに顔を認識するだけでなく、顔の上に画像をかぶせて表示しているのが特徴となっています。 kawaiiの使い方 カメラへのアクセスを許可すればこんな感じで表示されます。 顔の動きにもきちんとついてきますが、手を間に入れたりするとずれます。 HTML5は様々なAPIが追加されていますが、Webカムを使った技術は特に面白いですね。ぜひ自分の顔で試してみてください。 kawaiiはHTML5/JavaScript製のソフトウェアです。 HTML5 Face Detection - JavaScr
HTML5 Form Validation のカスタマイズ
Tomomi Imura An Open Web advocate and front-end engineer, who loves everything mobile, and writes about HTML5, CSS, JS, UX, tech events, gadgets, etc. She unintentionally got 15min of fame by creating The HTTP Status Cats. Also, the opinions expressed here are solely her own and do not express the views or opinions of my employer. Twitter LinkedIn Instagram Github Flickr My articles are licensed u
Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！
Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ 白石 俊平（HTML5 Experts.jp編集長） 人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザインを採用しました。ただこれは「流行りに乗った」のではなく、テーマの一つとして提供されているという位置付けのようです。 例えば以下は、Bootstrap3のボタングループです。 レスポンシブWebデザインの全面採用 以前までのBootstrapは、レスポンシブWebデザイン
Raspberry Piのカメラモジュールで撮った映像をWebSocketでブラウザに送る！！ - ami_GS's diary
2014-04-09 Raspberry Piのカメラモジュールで撮った映像をWebSocketでブラウザに送る！！ Python WebSocket javascript Raspberry Pi はじめに RPiのカメラモジュールで撮った映像をリアルタイムで見たくありませんか？？というわけで、色々調べてみると、ffmpegやらMJPG-streamerやら使っていますね・・・・自分の手で実装してぇんだよ！！！！ と思ったので、書いてみたものを紹介します。 構成 必要なものは、 camera.py RPi側でブラウザからのアクセスを受け付けるwebサーバ、及びカメラから映像を撮り、ブラウザへ送る。 index.html WebSocketでブラウザに送られてきた画像を表示する。の２つです。 camera.py import割愛 WIDTH = 480 HEIGHT = 360 FP
[HTML5]ドラッグ&ドロップを実装するのに参考になった記事まとめ - Qiita
概要 HTML5のネイティブドラッグ&ドロップのいろいろを実装するのに参考になった記事を紹介します。 コレ見ればできる系 HTML5 の File API でドラッグ＆ドロップする ネイティブ HTML5 ドラッグ＆ドロップ ちょっと詳しく系 HTML5 Drag and dropを実装してみよう HTMLクイックリファレンス｜ドラッグ＆ドロップ propについて ファイル操作をするのにjQueryのpropが役に立ちます。ただ、アップロードするFilelistの操作をJavascriptですることはセキュリティ上できないのでご注意ください。 jQueryにおけるattrとpropの違いと使いドコロまとめ how to change the file input's filelist
![[HTML5]ドラッグ&ドロップを実装するのに参考になった記事まとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c6e6caa91b91d28a0eecf91f9c34e01239d6093/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSFRNTDUlNUQlRTMlODMlODklRTMlODMlQTklRTMlODMlODMlRTMlODIlQjAlMjYlRTMlODMlODklRTMlODMlQUQlRTMlODMlODMlRTMlODMlOTclRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTklRTMlODIlOEIlRTMlODElQUUlRTMlODElQUIlRTUlOEYlODIlRTglODAlODMlRTMlODElQUIlRTMlODElQUElRTMlODElQTMlRTMlODElOUYlRTglQTglOTglRTQlQkElOEIlRTMlODElQkUlRTMlODElQTglRTMlODIlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTQ5Y2IwYWQwYmQ1ZjVkODM4MjgwOTY4NDFkOGQ0NGZh%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBva210dGRociZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTg4NjNmZGI1ZDkzMzczMGE5ZWM4MDI0OGQ5MWI0NzY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D048736dbc68438dec7fbc552351c98df)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
