如何解决网络摄像头无法在使用webcam.js的React项目中用于IE11
import React from "react";
import Webcam from './webcam.js'
export default function Camera() {
const renderCamera = () => {
Webcam.set({
width: 320,height: 240,image_format: "jpeg",jpeg_quality: 90,});
Webcam.attach("#my_camera");
};
const take_snapshot = () => {
// take snapshot and get image data
Webcam.snap(function (data_uri) {
// display results in page
document.getElementById("results").innerHTML =
"<h2>Here is your image:</h2>" + '<img src="' + data_uri + '"/>';
});
};
return (
<div className="App">
<h1>Image Capture</h1>
<button onClick={renderCamera}>open Camera</button>
<div id="my_camera"></div>
<div id="results">Your captured image will appear here...</div>
<button onClick={take_snapshot}>take a picture</button>
</div>
);
}
我已经在所有浏览器中尝试过,并且它在除IE之外的所有浏览器上都能正常工作, 请为此提供帮助,谢谢。
解决方法
问题是webcam.js与任何其他与摄像头捕获相关的库一样,都使用getUserMedia API。 但是,Internet Explorer不支持它。
https://caniuse.com/#search=getuserMedia
值得注意的是,将来也不支持此功能,因为IE现在已被弃用。
Webcam.js在这种情况下实现了Flash后备功能,但不幸的是,现代网络世界不再支持Flash。 Flash Player可能可以由用户单独安装到IE中,但是这会使常规解决方案变得过于复杂,需要用户采取其他措施,而无法保证结果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。