【问题标题】:html5-qrcode Reverse Camera Scanner Videohtml5-qrcode 倒车摄像头扫描仪视频
【发布时间】:2022-08-07 19:17:38
【问题描述】:

我正在使用一个 JavaScript 库来扫描二维码,即html5-qrcode (https://github.com/mebjas/html5-qrcode)。通过使用它,我可以直接从浏览器扫描二维码。我喜欢图书馆,它运行得非常快而且完美无缺!

但是,我将它用于将通过笔记本电脑访问的某些应用程序,因此,唯一可以用作 QR 码扫描仪的摄像头是前置用户摄像头。当我测试它时,我发现很难将 QR 码图像正确定位在扫描区域中,因为来自摄像头的视频没有镜像(当我向右移动时,我在视频中的图像向左移动)。

有谁知道如何以镜像方式显示视频?或者……这不可能吗?如果是,有没有其他选择?

    标签: javascript html camera qr-code


    【解决方案1】:

    呵呵。如果我没记错的话,您可以将此 CSS 应用于您的特定视频元素:

    video#qrScanner {
        transform: scaleX(-100%);
    }
    

    【讨论】:

      猜你喜欢
      • 2015-06-04
      • 1970-01-01
      • 2022-12-16
      • 1970-01-01
      • 2022-11-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-25
      相关资源
      最近更新 更多