react-qr-reader:React组件,用于从网络摄像头读取QR码

时间:2024-05-18 20:57:31
【文件属性】:

文件名称:react-qr-reader:React组件,用于从网络摄像头读取QR码

文件大小:165KB

文件格式:ZIP

更新时间:2024-05-18 20:57:31

react javascript reactjs webrtc qrcode

介绍 一个组件,用于从网络摄像头读取QR码。 它使用WebRTC标准读取网络摄像头数据,而用于检测该数据中的QR码。 为了优化速度和体验,网络工作人员被用于在单独的过程中卸载繁重的QR码算法。 Web Worker是内联的,并在创建组件时加载。 演示版 已知的问题 服务器端渲染将不起作用,因此仅在浏览器环境中渲染时才需要该组件。 由于浏览器的实现,只能通过https或localhost访问摄像机。 在Firefox中,将向用户显示提示,询​​问使用哪个相机,因此facingMode不会影响它。 在IOS 11上,仅Safari才支持该功能,而在Chrome或Firefox上则不支持,因为苹果使该API对第三方浏览器不可用。 安装 npm install --save react-qr-reader 例子 import React , { Component } from 'reac


【文件预览】:
react-qr-reader-master
----.storybook()
--------config.js(278B)
--------addons.js(86B)
----.gitignore(544B)
----README.md(8KB)
----stories()
--------index.stories.js(2KB)
----examples()
--------legacy-mode.js(1009B)
--------example.js(740B)
----LICENSE(1KB)
----package.json(2KB)
----src()
--------havePropsChanged.js(231B)
--------getDeviceId.js(1KB)
--------worker.js(246B)
--------index.js(11KB)
--------createBlob.js(652B)
--------errors.js(227B)
----.babelrc(63B)
----lib()
--------havePropsChanged.js(256B)
--------getDeviceId.js(2KB)
--------index.js(143KB)
--------createBlob.js(602B)
--------errors.js(271B)
----gulpfile.js(1KB)
----package-lock.json(481KB)

网友评论