reactjs facingMode属性在react js中的react-qr-scanner中不起作用

r8xiu3jd 于 2023-06-22 发布在 React

关注(0)|答案(4)|浏览(131)

在我的一个react js应用程序中，我需要集成QR扫描仪。我使用的是react-qr-scannernpm库（具体为1.0.0-alpha.7）。
我面临的问题是：
1.默认的前置摄像头只工作，我不能使用后置摄像头进行扫描。我使用了属性：facingMode="rear"，但这并没有什么区别。
1.我无法列出可供选择的相机选项。在这方面的任何帮助将不胜感激。
下面是示例代码片段：

<QrReader
  facingMode="rear"
  delay={500}
  style={styles.previewStyle}
  onError={handleError}
  onScan={handleScan}
/>

库参考URL为：https://www.npmjs.com/package/react-qr-scanner。

reactjs

来源：https://stackoverflow.com/questions/67739444/facingmode-property-not-working-in-react-qr-scanner-in-react-js

4条答案

按热度按时间

rdrgkggo1#

你可以使用modern-react-qr-reader代替react-qr-scanner，因为react-qr-scanner有bug。

赞(0）回复(0）举报 2023-06-22

s4n0splo2#

我遇到了同样的问题，我这样解决了：react-qr-scanner（v1.0.0-alpha.11）

<QrReader delay={delay} onError={handleError} onScan={handleScan} constraints={{
  audio: true,
  video: { facingMode: "environment" }
}} />

赞(0）回复(0）举报 2023-06-22

nuypyhwy3#

对我来说，这是可行的：

<QrReader
delay={ 300 }
style={ {width: '100%'} }
onError={ handleQRError }
onResult={ handleScan }
constraints={ {facingMode: 'environment'} }/>

"react-qr-reader": "^3.0.0-beta-1",

赞(0）回复(0）举报 2023-06-22

dzjeubhm4#

它只适用于https

<QrReader
    key="environment"
    constraints={{
    audio: false,
    video: { facingMode: "environment" }} 
/>

赞(0）回复(0）举报 2023-06-22

我来回答

reactjs facingMode属性在react js中的react-qr-scanner中不起作用

4条答案

相关问题

热门标签

最新问答