You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
You are here Face detection using HTML5, javascript, webrtc, websockets, Jetty and OpenCV Through HTML5 and the corresponding standards, modern browsers get more standarized features with every release. Most people have heard of websockets that allows you to easily setup a two way communication channel with a server, but one of the specifications that hasn't been getting much coverage is the webrt
7/2にMobile5という勉強会に主催者兼発表者として参加しました。 発表資料を公開しておきます。 組込みにおけるHTML5 View more presentations from Tomo Watanabe とはいえ、素晴らしいまとめ記事をジャーナリストの星さんに書いていただいたので、そちらを見たほうがわかりry まとめ 今回の勉強会では他にもTizenやBlackBerryから見たHTML5や規格としてのHTML5、ユーザから見たHTML5の利点など、様々な角度からHTML5を観るという点で面白かったと思います。HTML5自体は規格と技術なので、それが誰にどう影響するのか?という視点は大事です。 今回、私は組込みとHTML5という、一見関係無さそうな両者をプラットフォームという括りで一つのシステムとしてプロトタイプを作成しました。私の中では「組込み」と「モバイル」と「Web技術」は
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、 各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。 すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、 スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、 一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ? Geo
クルマで「Opera」? カーナビのUIがWebブラウザベースになる:HTML5とWebGLでグリグリ動く(1/2 ページ) 現在、カーナビをはじめとする車載情報機器の差異化を目指す上で最も重要だといわれているのがユーザーインタフェース(UI)だ。Webブラウザ「Opera」で知られるOpera Softwareは、「カーナビのUIは、Webブラウザベースにすることでより魅力的なものになる」と意気込んでいる。 カーナビゲーションシステム(カーナビ)をはじめとする車載情報機器を、他社製品といかにして差異化するのか。ARMの「Cortex-A9」やIntelの「Atom」といった車載情報機器向けプロセッサは、かつてと比べて格段に処理能力は向上しているものの、ハードウェアそのもので差をつけるのは難しい状況にある。 そこで、差異化の最大の要因になると言われているのが、顧客との直接の接点となるユーザ
今回は一行数式カメラ(または一行数式写真)。 デモ (operaモバイル,chrome,opera?) デモ (firefoxモバイル、カメラ機能のない他ブラウザ) スクリプトを使ったカメラみたいな感じです。 どんな写真が取れるのか、例えば (t|222>>(t>>81))+(t%4) (t+5*(t%6)*7*(t%2))+(t%4) (t+10*(t%16)|256>>(t%8))+(t%4) (以下追記) RGBをHSVに変換してから。 t+99*(t%2) (以上追記) 他はココらへんに垂れ流しています。 感想 数式を発見する楽しさはあります。画像フィルタプログラムとか全然知らないのでこれだけでも嬉しい。すぐに飽きるかも知れません。 動作環境 webアプリなので、ブラウザでwebカメラが使えるもの。 スマフォはopera mobile、firefox, chrome?。ノートなどは
Canvas mode - no WebGL available. Canvas mode - click to use WebGL Station Maps This is a collection of 3D maps of London Underground/DLR stations - at the moment, only ones I know well, but hopefully expanding to cover more if I get help or detailed station plans. For more information, have a read of the project page. If you like this, you may also be interested in my Twin Tubes underground map.
HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。 スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。 タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F
WebブラウザーからPCのカメラなどのデバイスにアクセスするには、従来、Flash Playerを利用する必要がありましたが、最近ではJavaScriptで利用できるAPIがWebブラウザーに実装されてきています。たとえば、HTML5のMedia Capture APIを使うと、Webカメラから画像や映像を手軽に取り込めます。
HTML5か、ネイティブアプリか、ハイブリッドか、それが問題だ:Open Mobile Summit London 2012(1/2 ページ) ワンソースでさまざまなプラットフォームに対応でき、アプリストアからのコミッションも回避できるHTML5が注目を集めている。しかしHTML5にもコスト面や開発面の課題があり、ハイブリッド戦略を検討する企業が増えているという。 ワンソースでさまざまなプラットフォームに対応できることから、“モバイルアプリの救世主”として期待されるHTML5。だが、モバイルの世界でアプリといえば、現状では「AppStore」「Google Play」などのストアを通じて提供されるネイティブアプリが主流となっている。今後、HTML5は、モバイルアプリの分野でどのような役割を担うようになるのか――。 英ロンドンで開催された「Open Mobile Summit 2012 Lo
HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム(特に検索エンジン!)がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 #1:<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
Animate in a Snap Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an element's motion path to
boilerplate とは、「再利用を意図した標準的な文例集」 だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5 でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5 を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
Just make cool sh** stuff. Current Stack – Back to basics. Going “build–step free” for a handcrafted experience. Feb 23 2024 @joshua Yearning for a simpler time – the artisanal web. Websites are too BIG, too complicated, and too hard. Reactive programing is conceptually easy to grasp – but the distance between the end result vs. frameworks & tooling is too far apart. I get it, the web is a compl
iOS 5のSafariでは、コンパスの値をリアルタイムで取得する機能と、JavaScriptで並列処理を実行できる「Web Workers」が追加されました。連載第80回(関連記事)では、コンパス機能を使ってPhoneGapアプリを作成しましたが、今回はもう1つの新機能であるWeb Workersを使って、カメラで撮影した画像にエフェクトを加えるアプリを作ってみましょう。 カメラからはCapture APIを使って画像を取り込みます。Capture APIについては連載第74回の「Capture APIでiPhone用ビデオレコーダーを作ろう」を参照してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く