Scan 1D/2D Code from Video Camera

[Sherzod]

Hello!

This example shows how to scan any supported 1D/2D code with ZXing javascript library from the device video camera...

This is an approximate implementation and may need to improve the code  

The main scan implementation is taken from here: https://zxing-js.github.io/library/examples/multi-camera/

You also need to add the files: libeay32.dll, ssleay32.dll and pem files to the root directory...

UniServerModule -> CustomFiles:

files/zxing.min.js

BarcodeScannerZxingJS.rar

[mhmda]

Great, Thank you Sherzod

[andyhill]

Apple iOS

Cannot enumerate devices, method not supported.

Win10 Desktop Chrome

Cannot enumerate devices, method not supported.

[Sherzod]

43 minutes ago, andyhill said:

Cannot enumerate devices, method not supported.

Do you use SSL?

[andyhill]

In the code you posted no, but in my own websites - yes, I will test there.

[Sherzod]

Just now, andyhill said:

In the code you posted

I use SSL.

[Sherzod]

4 minutes ago, andyhill said:

In the code you posted no, but in my own websites - yes, I will test there.

I mean, the example uses SSL, without SSL, in short, you cannot use the camera...

[Sherzod]

And you must give permission to use the camera.

[andyhill]

iOS 13.2.2 https

ZXing not defined ?

[Sherzod]

3 minutes ago, andyhill said:

ZXing not defined ?

UniServerModule -> CustomFiles:

files/zxing.min.js

 

[andyhill]

It is

[brunomf01]

[Sherzod]

1 hour ago, brunomf01 said:

 

On 11/12/2019 at 10:56 AM, Sherzod said:

I mean, the example uses SSL, without SSL, in short, you cannot use the camera...

 

On 11/11/2019 at 12:28 PM, Sherzod said:

You also need to add the files: libeay32.dll, ssleay32.dll and pem files to the root directory...

 

[Kenneth]

Библиотеки добавил, сертификаты самоподписанные создал как мануале, кинул все в корневой каталог, но все равно вот такая обишка:

Что это может быть?

[Sherzod]

12 minutes ago, Kenneth said:

Библиотеки добавил, сертификаты самоподписанные создал как мануале, кинул все в корневой каталог, но все равно вот такая обишка:

 

[f172515968]

On 11/11/2019 at 3:28 PM, Sherzod said:

你好！

此示例显示如何从设备摄像机中使用 ZXing javascript 库扫描任何支持的 1D/2D 代码...

这是一个大致的实现，可能需要改进代码 

主要扫描实现取自此处：https://zxing-js.github.io/library/examples/multi-camera/

您还需要将文件添加：libeay32.dll，ssleay32.dll和pem文件到根目录。。。

统一服务模式 - • 自定义文件：

files/zxing.min.js

条形码扫描器.rar不能利用的

 

On 11/11/2019 at 3:28 PM, Sherzod said:

你好！

此示例显示如何从设备摄像机中使用 ZXing javascript 库扫描任何支持的 1D/2D 代码...

这是一个大致的实现，可能需要改进代码 

主要扫描实现取自此处：https://zxing-js.github.io/library/examples/multi-camera/

您还需要将文件添加：libeay32.dll，ssleay32.dll和pem文件到根目录。。。

统一服务模式 - • 自定义文件：

files/zxing.min.js

条形码扫描器.rar不能利用的

When the two-dimensional code information contains Chinese, the parsing result is garbled. How to make JS support Chinese?

[Sherzod]

22 hours ago, f172515968 said:

When the two-dimensional code information contains Chinese, the parsing result is garbled. How to make JS support Chinese?

Hello,

How did you check this?

And please specify which edition and build of uniGUI are you using?

[zafer33]

Hi , can i have this link ?

the link looks like not available

 

Thanks

[Sherzod]

Hello,

31 minutes ago, zafer33 said:

can i have this link ?

the link looks like not available

http://forums.unigui.com/index.php?/topic/6291-new-users-please-adjust-your-forum-email-address/&do=findComment&comment=32086

[Ario.Paxaz]

Hi 

Quote

Hello!

This example shows how to scan any supported 1D/2D code with ZXing javascript library from the device video camera.

 

Can I use BarCodeScannerZxing Sample For Desktop?

 

Regards.

 

[Sherzod]

Hello,

5 minutes ago, Ario.Paxaz said:

Can I use BarCodeScannerZxing Sample For Desktop?

Yes, you can try. 

[Ario.Paxaz]

I try it ,But Has this Error.

O1F._ael=document.getElementById("player");O1F._ael.load();O1F.oldResultText="";let selectedDeviceId;    const codeReader = new ZXing.BrowserMultiFormatReader();    codeReader.getVideoInputDevices()      .then((videoInputDevices) => {        const sourceSelect = document.getElementById("sourceSelect");        selectedDeviceId = videoInputDevices[0].deviceId;        if (videoInputDevices.length >= 1) {          videoInputDevices.forEach((element) => {            const sourceOption = document.createElement("option");            sourceOption.text = element.label;            sourceOption.value = element.deviceId;            sourceSelect.appendChild(sourceOption);          });          sourceSelect.onchange = () => {            selectedDeviceId = sourceSelect.value;          };          const sourceSelectPanel = document.getElementById("sourceSelectPanel");          sourceSelectPanel.style.display = "block";        }        document.getElementById("O17_id").addEventListener("click", () => {          codeReader.decodeFromVideoDevice(selectedDeviceId, "video", (result, err) => {            if (result&&result.text!=O1F.oldResultText) {              window.ajaxRequest(O1F, "getResult", ["result="+result.text]);O1F.oldResultText=result.text;            }            if (err && !(err instanceof ZXing.NotFoundException)) {            }          });        });        document.getElementById("O1B_id").addEventListener("click", () => {          codeReader.reset();          ajaxRequest(O1F, "getResult", ["result="+""]);        })      })      .catch((err) => {        alert(err)      });

Regards.

[Ario.Paxaz]

Hi Sherzood

I found my error and the example is running.

But when run the sample and click on start or reset button,the below error shows.

I use it for Desktop.

My licence is for Desktop,and I can´t run your sample.

I open your sample by notepad.Probably I have not set a properties.

Regards.

[Sherzod]

6 hours ago, Ario.Paxaz said:

My licence is for Desktop,and I can´t run your sample.

Ok, sorry.

I will try to check.

[Sherzod]

8 hours ago, Ario.Paxaz said:

I open your sample by notepad.Probably I have not set a properties.

Did you forget to assign?