@microblink/blinkid-in-browser-sdk
Version:
A simple ID scanning library for WebAssembly-enabled browsers.
68 lines (55 loc) • 2.01 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<title>BlinkID UI Component</title>
<script type="module" src="../dist/blinkid-in-browser/blinkid-in-browser.esm.js"></script>
<script nomodule src="../dist/blinkid-in-browser.js"></script>
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
html {
font-family: "Avenir Next", sans-serif;
}
body {
background-color: #fff;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
</style>
</head>
<body>
<blinkid-in-browser
engine-location="http://localhost:3333/resources"
license-key="sRwAAAYJbG9jYWxob3N0r/lOPk4/w35CpJlWLK04YLwpEFfLy74eEzBsqIdlzcmogHy1dxF2HwJyAVELy6cES3x4ULiDRUAuMtiA0RTV8XLfiIKmqjo3ufEZpgZ3yaCU4yryL5MmCvS2iMaPLwXo9emB6xXG/tAgij6vtDjgSAaI8Yp2oWyTrw+F5lBC56eFvXjyzT1RqpBhjYRFDeYyt2HO26ij2KgOXTEQA2GVT2+Jonq3xm6QpLmWosev6z9IaWUm/inh+LuQSU9Cindvxk+fHDk8wZ0035OPpqFSuaKNsHo2A8BtHAkVUPSh5WZcga+GNKWGPPlnnWDK7ku3O8xHF+9S"
recognizers="BlinkIdRecognizer"
></blinkid-in-browser>
<script type="text/javascript">
const blinkId = document.querySelector('blinkid-in-browser');
blinkId.addEventListener('fatalError', ev => {
console.log('fatalError', ev.detail);
});
blinkId.addEventListener('ready', ev => {
console.log('ready', ev.detail);
});
blinkId.addEventListener('scanError', ev => {
console.log('scanError', ev.detail);
});
blinkId.addEventListener('scanSuccess', ev => {
console.log('scanSuccess', ev.detail);
});
blinkId.addEventListener('feedback', ev => {
console.log('feedback', ev.detail);
});
</script>
</body>
</html>