首页 > 解决方案 > 尝试从移动设备扫描条形码时“不支持媒体流 API”移动 chrome [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 上

标签: google-chromevue.jsgetusermedia

解决方案


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


推荐阅读