OpenCV.js WASM Web Worker Webpack Demo - WebAssebmlyによるOpenCV.js実装デモ

Web標準の進化は速く、どんどん新しい技術が出てきます。さらに、それらを使った開発を容易にするフレームワークやビルドライブラリも次々とトレンドが変わります。正直、ついていくのが大変な状況です。

しかしそんな中だからこそ開発者は果敢にトライしていかなければなりません。今こそ試し、知見をためられるチャンスと言えるでしょう。今回はそんなデモの一つとしてOpenCV.js WASM Web Worker Webpack Demoを紹介します。

OpenCV.js WASM Web Worker Webpack Demoの使い方

OpenCV.jsを使って顔認識しています。

利用しているデモです。追従性は悪くなさそうです。

OpenCV.js WASM Web Worker Webpack DemoはOpenCVをJavaScript化したOpenCV.jsをWebAssemblyにすることで高速化しています。そしてWeb Workerを使った処理の並列化を実現しています。体験すると、Webブラウザでもここまでの速度で動くのかと驚くのではないでしょうか。

OpenCV.js WASM Web Worker Webpack DemoはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

https://mecab.github.io/opencvjs-facedetect-livedemo/

mecab/opencvjs-wasm-webworker-webpack-demo: A demo of in-browser face detection using WASM-built OpenCV.js, Web Worker and webpack.