Skip to main content

Web SDK demo

The captureiq-web-demo repository is a small static sample: capture-iq-demo.html hosts <glamar-captureiq>, logs events, and previews a successful capture. Full Capture IQ notes live in docs/capture-iq/captureiq.md inside that repo.

Clone the repository​

git clone https://github.com/pixelbin-io/captureiq-web-demo.git
cd captureiq-web-demo

New to Git? See GitLab’s clone a repository guide.

Prerequisites​

Node.js 20 and above is recommended for npm and the webpack dev server.

  • npm for installing dependencies and running scripts.
  • A Capture IQ api-key. Follow Getting started if needed.
  • A browser that supports camera access in a secure context (HTTPS or http://localhost).

The camera does not work if you open the HTML file directly from disk as file://. Use the bundled dev server (below) so the page is served from http://localhost.

Run locally​

npm install
npm run dev

The webpack dev server serves the project root and opens http://localhost:3000/capture-iq-demo.html (see webpack.config.js in the repo).

Configure the demo​

  1. In capture-iq-demo.html, set a valid api-key on <glamar-captureiq> (for example test_… or live_… for your environment).
  2. Keep the recommended flow: listeners → init() → start(); do not depend on ready alone to trigger start().

The demo’s script tag targets the staging bundle:

https://cdn.glamarz0.de/sdk/captureiq

Adjust only if you point at another host or build artifact.