簡體   English   中英

掃描HTML5 / JavaScript中的條形碼

[英]Scan Barcode in HTML5/JavaScript

我正在尋找一種掃描條形碼的方法,並根據是否收到條形碼返回響應。 我能找到的唯一結果就是英特爾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>

大多數時候條形碼掃描儀就像鍵盤一樣 - 它們“鍵入”結果。 您可以通過監聽按鍵事件或通過偵聽輸入字段中的更改來捕獲它。

有關用於捕獲條形碼的特定技術的更多信息將需要更詳細地回答該問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM