OpenCv JavaScript/TypeScript API for Node.js and Browser on top of OpenCv.js, adding support for npm, TypeScript and utilities related to asynchronicity, DOM, etc.

Contents

• Summary
• Install
• Usage

Summary

• TypeScript editor playground. Experience TypeScript code editor with opencv.js TypeScript online with autocomplete, type-checking, online docs, etc.
• Video filter demo. Filter camera output with many opencv operations real time. Multiple operations can be applied together and their order and parameters can be configured.
• Type declarations are generated by Project doxygen2typescript automatically from opencv doxygen XML documentation output.

Install

npm i mirada

Usage

Sorry I don't have docs yet, please take a look to tests. (Working on it)

Reference API

• HTML Reference API.
• Markdown Reference API .

Extra APIs: project ojos

This project focus on providing type declarations for opencv.js, node.js support, a thin facade for registering image codecs, a thin facade around Mat for easy loading / writing / render from different mediums in node.js and browser.

But little more. Besides mentioned facades, this project limits to support existing opencv APIs, and test both types and implementation works. It doesn't contain high level APIs or features to keep it simple.

Then, the project ojos provides high level APIs, features and utilities, on top of this project. These are my creation and not present in openCV APIs, some of them just wrappers to existing opencv APIs with defensive checks or defaults, other more elaborated transformations involving several opencv operations. For example, Video filter demo is based on ojos

Command line

See mirada-cli project page.

TODO

• [ ] docs - usage- - tuts - getting starterd
• [ ] integrate the new videoCapturer and replace/remove the old one src/browser/videoCapture.ts
• [x] browser tests
• [x] canvas codec loaded in browser bu default
• [x] canvas codec support svg image input
• [x] move tool and commands to another project
• [x] the morphing with slide effect but against two different videos ? (like obama and trump speeches and come from one to the other and back again with the slider) - see http://overengineer.net/enabling-cors-for-html5-video-element-screenshots
• [x] camera helpers ../mirada-ts-playground/src/examples/toPack/faceDetectionCamera.ts
• [x] ensureDataFile()
• [ ] learnopencv.com/non-photorealistic-rendering-using-opencv-python-c/
• [x] don't waste more time manually porting docs. build the doxygen2typescript thing