Meter Reading Examples

Complete examples for meter reading with the Anyline Web SDK.

The Web SDK supports auto analog/digital meter, dial meter, and dot matrix scan modes only.

Supported Scan Modes

The Web SDK supports the following meter scan modes:

  • auto_analog_digital_meter - Automatically detects analog or digital meters

  • dial_meter - Scans dial meters with up to 1 decimal place

  • dot_matrix - Scans dot matrix digital meters

Auto Analog/Digital Meter

Automatically detects and scans both analog and digital meters:

import { init } from '@anyline/anyline-js';

const anyline = init({
  license: 'YOUR_LICENSE_KEY',
  element: document.getElementById('scanner-root'),
  preset: 'meter'  // Uses auto_analog_digital_meter scan mode
});

anyline.onResult = ({ result }) => {
  const meterReading = result.meterResult;

  console.log('Meter Result:', meterReading);
};

anyline.startScanning();

Available preset: meter (auto analog/digital)

Dial Meter

Scan dial meters with rotating needle indicators:

import { init } from '@anyline/anyline-js';

const anyline = init({
  license: 'YOUR_LICENSE_KEY',
  element: document.getElementById('scanner-root'),
  preset: 'dialmeter'  // Uses dial_meter scan mode
});

anyline.onResult = ({ result }) => {
  const dialReading = result.meterResult;

  console.log('Dial Meter:', dialReading);
};

anyline.startScanning();

The dial_meter mode:

  • Scans different types of dial meters

  • Supports up to 1 decimal place (red dial)

  • Common for older gas and water meters

Available preset: dialmeter (dial_meter)

Dot Matrix Meter

Scan dot matrix digital displays using custom configuration:

import { init } from '@anyline/anyline-js';

const anyline = init({
  license: 'YOUR_LICENSE_KEY',
  element: document.getElementById('scanner-root'),
  config: {
    meterConfig: {
      scanMode: 'dot_matrix'
    },
    cancelOnResult: true
  },
  viewConfig: {
    cutouts: [
      {
        cutoutConfig: {
          alignment: 'center',
          ratioFromSize: {
            width: 360,
            height: 160
          },
          width: 1800,  // 360 * 5
          maxWidthPercent: '80%'
        }
      }
    ]
  }
});

anyline.onResult = ({ result }) => {
  const dotMatrixReading = result.meterResult?.text;

  console.log('Dot Matrix:', dotMatrixReading);
};

anyline.startScanning();

The dot_matrix mode is specifically designed for dot matrix digital displays commonly found on modern meters.

Available configuration: scanMode: 'dot_matrix' (no preset shortcut)

Configuration Reference

For detailed information about all configuration parameters including meterConfig, scan modes, and their default values, see Meter Technical Capabilities.

Result Structure

For the complete result structure, see the Plugin Result JSON Schema.

See Also