Instascan: android / chrome: не удалось запустить источник видео, NotReadableError

Созданный на 10 мая 2018 · 7Комментарии · Источник: schmich/instascan

Я получаю следующую ошибку при попытке getCameras () на chrome / android

Я использую локальный хост без https.

Uncaught (in promise) {name: "NotReadableError", message: "Could not start video source", constraint: undefined, toString: ƒ}constraint: undefinedmessage: "Could not start video source"name: "NotReadableError"toString: ƒ ()__proto__: constructor: ƒ Object()hasOwnProperty: ƒ hasOwnProperty()isPrototypeOf: ƒ isPrototypeOf()propertyIsEnumerable: ƒ propertyIsEnumerable()toLocaleString: ƒ toLocaleString()toString: ƒ toString()valueOf: ƒ valueOf()__defineGetter__: ƒ __defineGetter__()__defineSetter__: ƒ __defineSetter__()__lookupGetter__: ƒ __lookupGetter__()__lookupSetter__: ƒ __lookupSetter__()get __proto__: ƒ __proto__()set __proto__: ƒ __proto__()
step @ instascan.js:44
(anonymous) @ instascan.js:54
Promise.then (async)
step @ instascan.js:51
(anonymous) @ instascan.js:59
F @ instascan.js:416
(anonymous) @ instascan.js:38
start @ instascan.js:23709
getCameras @ QRScan.vue?54e3:51
Promise.then (async)
mounted @ QRScan.vue?54e3:68
callHook @ vue.esm.js?65d7:2921
insert @ vue.esm.js?65d7:4158
invokeInsertHook @ vue.esm.js?65d7:5960
patch @ vue.esm.js?65d7:6179
Vue._update @ vue.esm.js?65d7:2670
updateComponent @ vue.esm.js?65d7:2788
get @ vue.esm.js?65d7:3142
run @ vue.esm.js?65d7:3219
flushSchedulerQueue @ vue.esm.js?65d7:2981
(anonymous) @ vue.esm.js?65d7:1837
flushCallbacks @ vue.esm.js?65d7:1758

Источник

deadmanwalking74

👍6

Самый полезный комментарий

У меня была аналогичная ошибка в моем проекте (не связанном с instascan) в Chrome Android.
Ошибка произошла при попытке переключить камеры.
Решением для меня было остановить все треки в активном потоке перед приобретением нового.

if(this.lastStream) {
  this.lastStream.getTracks().forEach(track => track.stop()) 
}

после этого ошибка исчезла

Kukunin 27 янв. 2019

👍7

Все 7 Комментарий

Я добавил самозаверяющий сертификат, поэтому он использует https: // localhost : 8443, но это не устранило проблему.

deadmanwalking74 3 июн. 2018

Это проблема только на android 7.

deadmanwalking74 11 июн. 2018

У меня такая же проблема на Android версии 4.1.2. Передний кулачок не проблема, задний кулачок выдает ту же ошибку.

samvandamme 29 июн. 2018

У меня такая же проблема во всех протестированных мной браузерах.

derekjohnson 3 янв. 2019

Вы нашли какое-нибудь решение, ребята?

DespertaWeb 15 янв. 2019

if(this.lastStream) {
  this.lastStream.getTracks().forEach(track => track.stop()) 
}

после этого ошибка исчезла

Kukunin 27 янв. 2019

👍7

У меня была аналогичная ошибка в моем проекте (не связанном с instascan) в Chrome Android.
Ошибка произошла при попытке переключить камеры.
Решением для меня было остановить все треки в активном потоке перед приобретением нового.
if(this.lastStream) {
  this.lastStream.getTracks().forEach(track => track.stop()) 
}
после этого ошибка исчезла

Для тех, кто задается вопросом, где находятся остановки, это прямо перед navigator.mediaDevices.getUserMedia .

Спасибо @Kukunin.