Documentation

CraftAR Cloud Image Recognition Javascript Library HTML5

With our CraftAR Cloud Image Recognition Javascript Library, you can create your own branded Web apps that run on the latest desktop browsers as well as on Android and iOS devices, with our high-performance Cloud Image Recognition capabilities inside.

This page gives you pointers to the Features; Documentation that includes the Classes, Members and Methods; the Requirements of your system to use this library; Examples; and finally, Release Notes of our continuous updates.

Download from CraftAR

Features

The library can detect the features supported by the browser and help write web applications with Image Recognition.

Your apps can seamlessly switch between two modes:

The Image Selector:

HTML element that asks the user to select an image from the gallery, OS’s camera (by asking the user to take a picture with the device’s built in camera app) or file system.

The camera Capture:

Open the device’s camera or webcam and show the preview. This mode allows you to perform Cloud Image Recognition in two modes:

  • Single shot: Take a picture and search.
  • Finder Mode: Send continuous queries to the server until a result is found or the process is stopped programmatically.

Documentation

You can find documentation for the library here

Examples

You can view live demos for each example by clicking on the buttons below. The source code of those examples is part of the library package.

multi-mode

Multi Mode

Detects if camera capture is supported by the browser. Opens capture if it is supported, otherwise it falls back to selecting an image from the library or opening the camera app.

capture

Capture

Tries to open the camera assuming it is supported in the browser. If it is not supported in the browser, it gives an alert.

selector

Selector example

Select an image by taking a photo or uploading one from the device’s library.

For the examples that open the camera you’ll need to print the test images below to test them. For the Selector, you can just download them. As the result of a successful recognition, the name of the item appears listed.

augmented-reality-item-1

augmented-reality-item-2

image-recognition-item

Requirements

This library is designed to work with the latest HTML5 browsers. The following table shows the support for the different devices and browser versions.

OS iOS Android PC/MAC
Image Selector Google_Chrome_icon_(2011)safari

21+ iOS 7+

aosp-browser-iconfirefox-512Google_Chrome_icon_(2011)

4.3 + 36 + 21 +

firefox-512Google_Chrome_icon_(2011)safari

35 +21 +7 +

Camera capture & preview

safari

11 +

firefox-512Google_Chrome_icon_(2011)

36 + 21 +

firefox-512Google_Chrome_icon_(2011)safari

35 + 21 +11 +

Also note that opening the camera from the browser requires the site to be hosted with HTTPS and a valid certificate.

Releases

Dec 11th, 2017
Nov 13th, 2017
April 20th, 2017