问Instascan不抛出错误，但不显示视频预览
EN

Stack Overflow用户

提问于 2019-11-26 00:36:55

回答 1查看 1.9K关注 0票数 0

我使用的是最新Chrome版本(78.0.3904.108)中的Instascan库。我的超文本标记语言页面(index.html)有一个非常基本的设置：

<head>
    <script type="text/javascript" src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script> <!--Qr code scanner-->
    <script type="text/javascript" src="user.js"></script>
</head>
<body>
    <p><button id="btn_start" onclick="start()">Start</button></p>
    <video id="preview"></video>
</body>

和我的javascript (user.js)

var scanner = new Instascan.Scanner({ video: document.getElementById('preview') });

function start() {
    Instascan.Camera.getCameras()
        .then((cameras) => {
            scanner.start(cameras[0]);
        })
}

当我按下start时，我可以在调试器中看到我的摄像头正在执行scanner.start。控制台中未显示错误。但是，video元素没有显示任何内容。

如何使视频元素显示我的网络摄像头所看到的内容？

qr-code

javascript

回答 1

Stack Overflow用户

发布于 2019-11-26 00:43:35

请找到下面的工作示例，您必须将此代码粘贴到您的工作区中才能看到此工作：

 let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
      scanner.addListener('scan', function (content) {
        console.log(content);
      });
      Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
          scanner.start(cameras[0]);
        } else {
          console.error('No cameras found.');
        }
      }).catch(function (e) {
        console.error(e);
      });

<script src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
<video id="preview"></video>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59036354

复制

相似问题

问Instascan不抛出错误，但不显示视频预览
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Instascan不抛出错误，但不显示视频预览EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Instascan不抛出错误，但不显示视频预览
EN