【HTML5+JavaScript】『PCのカメラで脈拍をリアルタイム非接触センシング』 @NeoTechLab
【HTML5+JavaScript】『PCのカメラで脈拍をリアルタイム非接触センシング』  @NeoTechLab
Uploaded March 2013 | Updated September 2026, 2 weeks ago
【体験リンク】 neo-tech-lab.co.uk/WebCam/Sample.htm
パソコンのカメラでリアルタイム脈波センシング。上記URLで非接触脈波センシングを体験することができます。リアルタイムに脈拍数や脈拍ゆらぎマップもでるように改良しました。
現状、ブラウザは最新のGoogle Chrome, FireFox, Operaに対応しています。当たり前ですがウェブカメラも必要です。パソコンでアクセスしてカメラ使用を許可するだけです。
赤い枠内に顔の皮膚が入るようにして5秒待ってください。
JavaScriptですからソースを表示でコードを閲覧できます。
非常に短いプログラムです。脈波ピーク間の時間差ΔTを求め、60/ΔTを計算すれば心拍数(脈拍)が得られます。

 ★FireFoxでは事前にabout:configでmedia.navigator.enabledをtrueに変更しておく必要がある。しかもカメラを許可してリロード。もう一度カメラを許可しないと動作しません。試すなら、Google Chromeを推奨します。



【説明】
富士通さんが3月18日にカメラで脈波をとる技術を発表されたようです。
そこで、私もトランジスタ技術2013年4月号(3月9日発売)の記事で書いたKinectの赤外線カメラで脈波をとるプログラム(C#)を、ウェブカメラやUSB接続のカメラ用にJavaScriptのプログラムへと移植してみました。原理はヘモグロビンの吸光特性を利用していることと、脈波の周期性に着目した矩形波相関フィルタを用いています。詳しくは記事参照のこと。赤外線でとるか緑色画素値でとるかの違いだけです。(赤と青は使っていません。) ただ、Kinectと違って、この方法は照明が必要なので、暗闇で就寝中の方のバイタルを見守るのには使うことはできません。私の目的には赤外線の方が適していますが、USB接続のカメラがあれば、HTML5対応のブラウザで非接触脈波リアルタイム・センシングできるということも捨てがたい特徴ですね。
【ホームページ】
neo-tech-lab.co.uk/ARsensing
『Kinectが変えるセンシングの世界』
トランジスタ技術2012年8月号、2013年4月号、インターフェース2013年1月号のサポートページ

【追記】/2013/03/28/
ムダ サイエンティストで知られる平林純氏がこんな利用方法を考案されました。
『ブラウザ上で動く心拍数センサで「自分の好み」を把握する!?』
hirax.net/diaryweb/2013/03/27.html

【Remarks】I had made the program for measuring human heart rate by using Kinect Infrared camera. You can see my article of Transistor Technology April, 2013 of CQ publishment co. ltd. (published date March 9, 2013) And this basis was disclosed on March 7, 2013.
jsap.or.jp/announce/seminar/detail/20130201.html
I re-made my program by using JavaScript. You can try to use my program.
neo-tech-lab.co.uk/WebCam/Sample.htm
You need the latest browser, Google Chrome, FireFox or Opera. You can measure your heart rate by Webcam or USB camera.
【HTML5+JavaScript】『PCのカメラで脈拍をリアルタイム非接触センシング』Kinect for Windows v2とMMDモデル表示の共存Non-Contact Breathing Monitor by Kinect for Windows Ver.2.0Augmented Reality Sensor 【拡張現実センサ 事例】HoloLensの表示実験モーションセンサのソフトウェア動作確認(ドミソを使った円運動推定)【動作確認テスト】赤外線近接センサでつくる手かざしセンサ【Kinectで2次元近接センサ】SDK Version 1.6雀20200624AWebカメラで撮影した真皮層内ヘモグロビンの吸光度変化【MikuMikuDance】Augmented Reality Test (NyARToolkitCS) by using PMD model(Sphere Mapping)【Kinectデプスで呼吸モニタ】~脈拍も確認~Version0.02
Tomoaki Ueda (NeoTechLab) |

【HTML5+JavaScript】『PCのカメラで脈拍をリアルタイム非接触センシング』

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER