在HTML5/JavaScript中扫描条形码
我正在寻找一种扫描条形码并根据是否收到条形码返回响应的方法。我能找到的唯一结果指向Intel XDK。我不能把它用于这个特殊的项目，所以没有它也可以吗如何使用HTML5/JavaScript扫描条形码？ ，如果我能够使用Intel XDK，它看起来可以完成这项工作。让我知道我可以为这个问题添加什么更清楚，我只需要被指向正确的方向，因为我不知道从哪里开始，或者一旦我接触到相机，如何实际扫描。以下是我用来访问和显示设备摄像头的代码：在HTML5/JavaScript中扫描条形码,javascript,html,Javascript,Html,我正在寻找一种扫描条形码并根据是否收到条形码返回响应的方法。我能找到的唯一结果指向Intel XDK。我不能把它用于这个特殊的项目，所以没有它也可以吗如何使用HTML5/JavaScript扫描条形码？ ，如果我能够使用Intel XDK，它看起来可以完成这项工作。让我知道我可以为这个问题添加什么更清楚，我只需要被指向正确的方向，因为我不知道从哪里开始，或者一旦我接触到相机，如何实际扫描。以下是我用来访问和显示设备摄像头的代码： <!DOCTYPE html> <html>
<!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>
显示网络摄像头流
#容器{
保证金：0px自动；
宽度：500px；
身高：375px；
边框：10px#333实心；
}
#视频元素{
宽度：500px；
身高：375px；
背景色：#666；
}
var video=document.querySelector（“#videoElement”）；
navigator.getUserMedia=navigator.getUserMedia | | navigator.webkitGetUserMedia | | navigator.mozGetUserMedia | | navigator.msGetUserMedia | | navigator.oGetUserMedia；
if（navigator.getUserMedia）
{
getUserMedia（{video:true}，handleVideo，videoError）；
}
功能handleVideo（流）
{
video.src=window.URL.createObjectURL（流）；
}
功能视频错误（e）
{
警惕（“我不明白。你为什么不允许？”；
}
要更详细地回答这个问题，需要更多关于用于捕获条形码的特定技术的信息。我想我半小时前也看到了这个问题，但现在找不到了。你重提你的问题了吗？我们可能会看到某种智能手机。让我们先来看看iPhone。它必须是某种HTML5应用程序（本机应用程序显然是另一种情况），所以我正在研究如何做到这一点。听起来你想从照相机拍摄的图像中解码条形码。除非你知道如何从图像中解码条形码，否则你就倒霉了。图像处理是它自己的一个特长，通常不在JavaScript可用的领域内。是的，我能够在iPhone的本机应用程序中完成它。我刚被要求使用HTML5。我必须提出本机解决方案。谢谢。你的原生应用程序可能有一个方便的图像处理库，你不太可能在JavaScript中找到。是的，有一个库。我想我是在寻找JS中是否存在相同的东西。