扫描HTML5 / JavaScript中的条形码

Question

我正在寻找一种扫描条形码的方法，并根据是否收到条形码返回响应。 我能找到的唯一结果就是英特尔XDK。 我不能将它用于这个特定的项目，所以没有它可以做到这一点吗？ 如何使用HTML5 / JavaScript扫描条形码？

这是我最初找到的链接，如果我能够使用英特尔XDK，它看起来可以完成这项工作。 让我知道我可以添加到这个问题更清楚，我只需指向正确的方向，因为我不知道从哪里开始或如何实际扫描一旦我访问相机。 这是我用来访问和显示设备摄像头的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="stuff, to, help, search, engines, not" name="keywords">
<meta content="What this page is about." name="description">
<meta content="Display Webcam Stream" name="title">
<title>Display Webcam Stream</title>

<style>
#container {
    margin: 0px auto;
    width: 500px;
    height: 375px;
    border: 10px #333 solid;
}
#videoElement {
    width: 500px;
    height: 375px;
    background-color: #666;
}
</style>
</head>

<body>
<div id="container">
    <video autoplay="true" id="videoElement" controls="true">

    </video>
</div>
<script>
var video = document.querySelector("#videoElement");

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;

if (navigator.getUserMedia) 
{       
    navigator.getUserMedia({video: true}, handleVideo, videoError);
}

function handleVideo(stream)
{
    video.src = window.URL.createObjectURL(stream);
}

function videoError(e) 
{
    alert("I don't understand. Why did you not allow it?");
}
</script>
</body>
</html>

Answer 1

大多数时候条形码扫描仪就像键盘一样 - 它们“键入”结果。 您可以通过监听按键事件或通过侦听输入字段中的更改来捕获它。

有关用于捕获条形码的特定技术的更多信息将需要更详细地回答该问题。

扫描HTML5 / JavaScript中的条形码

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-02-14 20:28:13

扫描HTML5 / JavaScript中的条形码

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-02-14 20:28:13

解决方案1
1 已采纳 2014-02-14 20:28:13