问题引入
我是一个开发者，最近要笔试，而笔试通常是在牛客网或者是赛码网，
笔试的要求通常是使用多少多少版本以上的谷歌浏览器，牛客的应该是还可以使用使用火狐
但是赛码就必须是谷歌了，但是我发现我的谷歌浏览器一直打不开摄像头，尝试了几乎所有网上乱七八糟的方法终于可以成功了
尝试一：授权
给浏览器的摄像头和麦克风授权，这个确实可以解决我们中部分人的问题，但是它没有解决我的问题
网上大部分都是这种办法，不在赘述
尝试二: 正解：换个低版本的浏览器**
http://chrome.360.cn/html5_labs/demos/mediacapture/index.html
点进去这个看看你的摄像头是什么问题
我的是这个问题，是这个getUserMedia这个接口新版本的谷歌给启用了，换成了新的方法具体是什么可以网上去查。
换个浏览器，但是由于之前安装的是最新的81版本的谷歌浏览器，注册表已经在本机注册了，无法再安装别的版本的浏览器了怎么办？
绿色版：免安装：拆包即用
下载页面》》》》》》》》》》》
成功解决了问题，舒口气吧，骂一句垃圾谷歌。。。。
牛客网调试链接》》》》》》》》》》
探索为啥不能能用
可以测试测试，代码来源自网络
CSDN代码原址》》》》》》》》》》
测试完后我们就会比较明白这个摄像头为啥能用不能用了？？？嘿哈，拜拜~
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试getUserMedia接口</title>
<script src="jquery-2.1.1.js"></script>
</head>
<body>
<video id="video" width="500" height="300" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="500" height="300"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var video = document.getElementById("video");
$(document).ready(function() {
videoObj = {
"video": true
};
var errBack = function(error) {
console.log("Video capture error: ", error.code);
};
if (navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.srcObject = stream;
video.play();
}, errBack);
} else if (navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream) {
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if (navigator.mozGetUserMedia) { // Firefox-prefixed
navigator.mozGetUserMedia(videoObj, function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
};
$("#snap").on("click", function() {
context.drawImage(video, 0, 0, 500, 300);
});
});
</script>
</body>
</html>
全部评论
(8) 回帖