HTML5 WEB网站，在手机端实现产品条码扫描

fqcotory 2015-03-06 01:40:18

我有一个HTML5开发的手机网站，现在想实现在手机端点击按钮自动调用摄像头对产品条码进行扫描，并返回条码，并弹出相应产品。大家有推荐资料没？求大神

...全文

8422 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

条码君 2018-07-23

打赏
举报

回复

Dynamsoft 的 Dynamsoft Barcode Reader Web Assembly 版本可以实现在浏览器里从摄像头的视频流里实时读取条码/二维码。具体你可以看下这篇博客：
https://www.codepool.biz/javascript-webassembly-barcode-sdk.html

Github上也有源码：
https://github.com/yushulx/webassembly-barcode-reader

Moses_john 2017-09-22

打赏
举报

回复

大佬们你们做这个做好了嘛

qq_33000147 2016-08-08

打赏
举报

回复

QuaggaJS 是如何实现的

fqcotory 2015-03-06

打赏
举报

回复

非常感谢，研究研究

业余草 2015-03-06

打赏
举报

回复

QuaggaJS你也可以使用这个框架实现！

业余草 2015-03-06

打赏
举报

回复

http://jingyan.baidu.com/article/63f2362833b9010208ab3d39.html 看看这篇文章吧！拍照后，可以将图片发送到后台，然后后台分析条形码。

基于H5流媒体，调用手机摄像头实现扫码实现原理：H5调用系统媒体设备》选择前置摄像头》捕获视频流》渲染到视频播放器》定时抓取视频截图》渲染到canvas》转换为图片流》使用图像识别库对图片流进行二维码识别优势： 1.基于浏览器实现，轻便且维护方便无需安装或借助其他app 。 2.PC端带有摄像头设备也可兼容。劣势： 1.部分浏览器不兼容（随着浏览器的更新兼容度会越来越高） 2.安全要求必须基于HTTPS访问。 3.夜拍模式不能自主控制开启补光。基于URL Scheme，调用第三方APP实现扫码实现原理：app之间为提高相互之间的深度连接性，会向系统注册一种自身功能API的快捷方式，利用其提供的快捷方式可以调用指定的app功能，如微信扫码支付宝扫码等。优势： 1.借用现有app实现扫码能力，无需另外安装兼容性好。 2.一键调用扫码，无需在应用间切换操作。 3.可以从第三app打开的webview中调用其提供的api接口获取部分系统信息、用户信息等。

下载iphone无线条形码二维码数据枪PC端，并配合IPhone条形码数据枪，可以让您的手机将扫描数据发送到任何应用程序，就如同你刚刚在键盘上输入它！ IPhone条形码数据枪是一个利用摄像头读取各种条码，通过wifi实时的将数据传送到电脑上的，拥有该软件，您就拥有了一把高性能无线条码枪，属于扩展性极强的IPhone应用软件。本软件可以扫描条形码，一维码，二维码，并可将自定义的字符、快捷键等，配合随机录入数据信息，及快捷键。组合在一起，发送到电脑上；通过安装pc端软件后，可以适应所有的ERP、OA等应用软件实时的进行条码录入，实现无线库存盘点、物料查询、入库、出库、销售等功能，并可录入任意的电子表格（exel）软件中，同时支持多人多机扫描输入，可配合电脑及web的第三方软件进行销售，出货等复杂的操作应用。 IPhone无线条码枪能让你的iPhone变成一个高端网络无线硬件扫描仪的条形码扫描仪。不用购买硬件条形码扫描仪，IPhone无线条码枪可以让你: @ 可以当做电脑的录入键盘或当做无线条码枪扫描器。@能把一维条形码和二维条形码扫描到Mac、PC或电子邮件。自动附加扫描数据的分隔符及各种常用的组合键。@ 插入手动数据和固定数据用于资产跟踪。@ 一台计算机连接多部手机。@ 跳转到一个扫描或预编程的web网站及pc电脑端，可以进行对产品展示，或资产信息管理。@ 扫描一维条形码和二维QR码。识别后可再加上各种预参数，用浏览器或ios Safari打开，或通过邮件、短信发给好友；可以通过http协议网络配合第三方软件其他的应用程序接口与您的手机上使用，可以使得软件得到无限扩展，可以简单的自定义操作指令并按照指令严谨的执行，从而能更方便快捷的协助各种办公应用。

现在是信息化时代，也是扫描时代，作为软件开发IT人士，在开发软件的同时特别需要了解相关的硬件设备知识，只有了解硬件才可以开发与之相配套的软件。通过本课程的学习，了解扫描枪设备工作原理，以及如何识别整件条形码和单件条形码商品。本课程章节计划表：第一章扫描枪扫码识别解析概述第二章扫描枪工作原理第三章扫描条形码如何识别单件条码和整件条码第四章注意事项、总结

android phonegao jquery mobile 条码扫描，需导入zxing工程做为lib，此例子是调用服务端页面进行条码扫描,jquerymobile web需放入web工程下

H5P.Core HTML5plus Runtime,参考:简称5+Runtime，运行于手机端的强化web引擎，除了支持标准HTML5外，还支持更多扩展的js api。 H5P.Core 为5+Runtime核心组件定义并实现了一套插件机制，可以基于该工程进行自己插件的开发和调试。开发的插件可以集成到5+Runtime中使用。目录结构 Android: Android版本 iOS: iOS版本 js: js 开发步骤 iOS平台: Android平台: 插件实现支付宝插件 () 百度地图插件 () 条码扫描插件 () Audio插件 () 个推push () License 遵循MIT License；

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章