尝试从移动设备扫描条形码时"Media Stream API is not supported"移动版边[vue]



我正在使用这个库,该库使用getUserMedia()API 来获取当前设备相机的实时流。

这在桌面版 Chrome 上效果很好,但在移动设备上失败:

---> <StreamBarcodeReader> at node_modules/vue-barcode-reader/src/components/StreamBarcodeReader.vue
<ScanView> at src/views/ScanView.vue
<App> at src/App.vue
<Root>
ERRORException: Media Stream API is not supported

我检查了 caniuse.com 以查看它是否受支持,并说受支持。也许这是我看到的不同 API?

我在这里做错了什么?

编辑:

这是我正在尝试做的事情的演示。 这项工作儿子 Safari 但不在 Chrome 上

该演示适用于我在Android上的Chrome上。在iOS上,Chrome(和任何非Safari浏览器(可能(无法自己测试(无法访问它 - 请参阅 https://bugs.chromium.org/p/chromium/issues/detail?id=752458