Adapting jsQR library for other patterns recognition

Development of a program for pattern recognition, extraction and analysis from an animated image or video. The code should rather be a javascript library that can be launch in any mobile browser with an authorized access to the device's camera.

In the attached drawing the patterns for both the containing shape and the contained figures has not been settled yet. The containing shape may be a square or any other simple shape. The content could be any geometric figure out of a small amount of possible patterns (~10).

The program is to run within an ordinary html page as the example in https://cozmo.github.io/jsQR/
The same philosophy as the JSQR library would be perfect, except that we are not in that project reading QR codes.

Because a high speed image processing is required (minimum 30fps in any mobile browser, nominal 50fps) integrating some WebAssembly would be beneficial.