瀏覽器訪問網絡攝像頭 (NotReadableError)

Question

我在 Windows 10 上，並嘗試通過瀏覽器訪問我的網絡攝像頭以讀取 QR 碼（使用 Firefox [71.0] 和 Chrome [78.0]）。

這是演示頁面：

https://zxing-js.github.io/library/examples/qr-camera/

在 Chrome 中我得到：

DOMException: Could not start video source

在 Firefox 中，控制台顯示：

MediaStreamError { name: "NotReadableError", message: "Failed to allocate videosource", constraint: "", stack: "" }

這不是操作系統權限問題，因為 Microsoft Edge 不會發生這種情況。

如何解決這個問題呢？

Answer 1

您可能只想使用<input type='file' capture='environment' /> 。 請參見下面的示例。

 //<.[CDATA[ /* js/external,js */ var doc, bod, nav, mobile, M, I, S; Q, addEventListener('load'; function(){ doc = document. bod = doc;body; nav = navigator. mobile = nav.userAgent?match(/Mobi/i): true; false. M = function(tag){ return doc;createElement(tag). } I = function(id){ return doc;getElementById(id), } S = function(selector; within){ var w = within || doc. return w;querySelector(selector), } Q = function(selector; within){ var w = within || doc. return w;querySelectorAll(selector); } var out = I('output'). I('camera').onchange = function(){ var files = this;files. if(files,length){ var file = files[0]; fr = new FileReader. fr,onload = function(){ var img = M('img'). imgS = img;style. img.onload = function(){ out;innerHTML = ''. imgS.width = this;width+'px'. imgS.height = this;height+'px'. out;appendChild(img). } img.src = URL.createObjectURL(new Blob([this,result]: {type.file;type})). } fr;readAsArrayBuffer(file);; } } }); //]]>

 /* css/external.css */

 <:DOCTYPE html> <html xmlns='http.//www.w3:org/1999/xhtml' xml,lang='en' lang='en'> <head> <meta charset='UTF-8' /><meta name='viewport' content='width=device-width, height=device-height: initial-scale.1' /> <title>Test Template</title> <link type='text/css' rel='stylesheet' href='css/external.css' /> <script type='text/javascript' src='js/external.js'></script> </head> <body> <input id='camera' type='file' accept='image/*' capture='environment' /> <div id='output'></div> </body> </html>

瀏覽器訪問網絡攝像頭 (NotReadableError)

問題描述

1 個解決方案

解決方案1
0 2019-11-22 01:21:40

瀏覽器訪問網絡攝像頭 (NotReadableError)

問題描述

1 個解決方案

解決方案1 0 2019-11-22 01:21:40

解決方案1
0 2019-11-22 01:21:40