[모아두기] 웹 브라우저 안에서 자바스크립트로 opencv 활용

 

 

요즘 웹 브라우저, 자바스크립트의 성장세는 놀라움

 

왠만한건 자바스크립트로 포팅되어, 

웹 브라우저 안에서 실행 가능

 

 

유서 깊은 그래픽 라이브러리 opencv, 자바스크립트로도 포팅

https://opencv.org/

두말하면 잔소리인 그래픽 라이브러리 opencv

 

opencv 라이브러리를 python 에서 아주 간편하게 사용할 수 있어서 놀랬는데
javascript 에서도 사용이 가능하네요

https://pypi.org/project/opencv-python/

 

 

node.js 가 엄청난 속도로 성장할 수 있었던 이유

뭐, 이건 사실 파이썬도 마찬가지 입니다.

 

파이썬도

자바스크립트 엔진인 V8도, node.js도 모두 C/C++로 작성이 되었기 때문에

이미 성능과 안정성이 검증된 엄청난 양의 C/C++ 코드들을 그대로 활용할 수 있었습니다.

 

둘 다 네이티브 C/C++ 코드들을 호출할 수 있는 방법들이 있었기 때문에

파이썬 혹은 자바스크립트 소스로 다시 작성하지 않고

비교적 쉽게(?) 호출하여 사용할 수 있었습니다.

 

바로 이런 방식 입니다.

 

Tutorial to Native Node.js Modules with C++. Part 1 — An Introduction to Nan
https://medium.com/netscape/tutorial-building-native-c-modules-for-node-js-using-nan-part-1-755b07389c7c

위 글의 번역글 링크

웹 브라우저 안에서도 실행 가능

node.js 에서만 사용 가능한 것이 아니라

웹 브라우저 안에서도 동작하는 라이브러리들도 출현

 

Using OpenCV.js 샘플 소스코드

https://docs.opencv.org/3.4/d0/d84/tutorial_js_usage.html

 

Opencv.js를 이용한 흑백영상 변환
https://m.blog.naver.com/shane5321/221702203827

 

OpenCV.js Demos - 웹 어셈블리를 이용하는 것 같네요
https://huningxin.github.io/opencv.js/samples/index.html

 

Multiple Object Tracking in Realtime
https://opencv.org/multiple-object-tracking-in-realtime/

Real Time AI Face Landmark Detection in 20 Minutes with Tensorflow.JS and React
https://www.youtube.com/watch?v=7lXYGDVHUNw 

Streaming a WebCam using Express, OpenCV, and Socket IO
https://www.youtube.com/watch?v=qexy4Ph66JE 

Object Detection using Python, OpenCV and Deep Learning
https://www.youtube.com/watch?v=8VdiZWQP_a0

 

Build Real Time Face Detection With JavaScript

 

 

애플 TV+ 파친코 - 애플티비가 만든 Pachinko, 나만 몰랐던 유명한 소설

양자컴퓨터 등장하면 정말 인터넷 암호화가 무용지물이 되나?

10대 사건으로 보는 제2차 세계대전

시작된 폴더폰 전쟁 - 삼성, 구글, 모토로라 - 아이폰도 참전하나?