WebGL彩图转灰度图，提升Web条形码识别性能

最新推荐文章于 2024-04-24 16:59:09 发布

yushulx

最新推荐文章于 2024-04-24 16:59:09 发布

阅读量375

点赞数

文章标签： webgl html5 条形码扫码摄像头

本文链接：https://blog.csdn.net/yushulx/article/details/107656798

版权

本文探讨如何利用WebGL将摄像头输入的彩图转换为灰度图，以优化Dynamsoft JavaScript Barcode SDK在Web上的条形码识别性能。通过WebGL进行图像处理，减少了CPU的负载，并通过性能比较展示了灰度图解码速度的优势。源码链接提供详细实现方式。

摘要由CSDN通过智能技术生成

图像识别算法通常都要把彩图，转成灰度图，再转成二值图。如果把图像处理部分放到GPU上，就可以减少CPU的时间消耗。这篇文章分享下用WebGL把摄像头传入的彩图转成灰度图，以此提高Web条形码SDK的解码性能。

Web条形码识别

使用Dynamsoft JavaScript Barcode SDK（https://www.npmjs.com/package/dynamsoft-javascript-barcode）可以快速实现一个Web条码扫描App。比如下面的代码，可以直接创建一个带webcam的扫码app：

<!DOCTYPE html>
<html>
<body>
    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@7.4.0-v1/dist/dbr.js" data-productKeys="PRODUCT-KEYS"></script> 
    <script>
        let scanner = null;
        (async()=>{
    
            scanner = await Dynamsoft.BarcodeScanner.createInstance();
            scanner.onFrameRead = results => {
    console.log(results);};
            scanner.onUnduplicatedRead = (txt, result) => {
    alert(txt);};
            await scanner.show();
        })();
    </script><

最低0.47元/天解锁文章

yushulx

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
WebGL彩图转灰度图，提升Web条形码识别性能

图像识别算法通常都要把彩图，转成灰度图，再转成二值图。如果把图像处理部分放到GPU上，就可以减少CPU的时间消耗。这篇文章分享下用WebGL把摄像头传入的彩图转成灰度图，以此提高Web条形码SDK的解码性能。Web条形码识别使用Dynamsoft JavaScript Barcode SDK（https://www.npmjs.com/package/dynamsoft-javascript-barcode）可以快速实现一个Web条码扫描App。比如下面的代码，可以直接创建一个带webcam的扫码app
复制链接

扫一扫