0
247
Vistas¿Por qué tengo un error "Error de tipo: no se pueden leer las propiedades de nulo (leyendo 'getTracks')", pero el código funciona?
Aquí está mi código:
const videoElem = document.getElementById("videoScan"); var stream = document.getElementById("videoScan").srcObject; var tracks = stream.getTracks(); tracks.forEach(function (track) { track.stop(); }); videoElem.srcObject = null;Estoy tratando de detener todos los flujos de cámara para que ZXing funcione. Sin embargo, tengo el siguiente error ( solo en la tableta Android ):
El problema es que no puedo resolverlo, pero todo funciona bien. Y cuando intento/captura, el código deja de funcionar. No puedo entender por qué se muestra este error.
3 Respuestas
Responde la pregunta0
Cuando dices " todo está funcionando bien ", ¿quieres decir que obtienes lo que quieres como resultado?
Si el código que arroja el error es el mismo que nos está mostrando, significa que las streams contienen null .
Dado que streams es un valor const (por lo tanto, solo una vez) asignado en las instrucciones anteriores, significa que document.getElementById("videoScan").srcObject también es nulo.
Le sugiero que haga alguna otra depuración, es decir, imprima en la consola JS (si tiene acceso desde su entorno de depuración de Android, estoy seguro de que hay una manera) de lo que hay dentro de la stream , antes de intentar acceder a su getTracks referencia del método.
Verifique también la compatibilidad con srcObject con su entorno Android (¿navegador?): MDN tiene una lista de compatibilidad que puede inspeccionar.
0
La forma más sencilla de detectar este error de referencia nula es verificar si tracks realmente existen.
const videoElem = document.getElementById("videoScan"); const stream = videoElem.srcObject; if (stream && stream?.getTracks()) { const tracks = stream.getTracks(); tracks.forEach(function (track) { track.stop(); }); } else { console.warn('Stream object is not available'); } videoElem.srcObject = null;0
Así que encontré la solución. El error impidió que el código continuara, lo que, en mi caso, hizo que funcionara. Cometí un error muy básico: no prestar suficiente atención a los resultados de la depuración. Sin embargo, si alguien tiene el error " No capturado (en promesa) DOMException: no se pudo iniciar la fuente de video " con ZXing en Android, simplemente tiene que cortar todas las transmisiones de video para permitir que Chrome inicie otra cámara. No funcionará de otra manera.