首页 > 谷歌浏览器摄像头无法开启(赛码网,牛客网,阿里云认证测试)
头像
枸杞很好
发布于 2020-04-23 13:21
+ 关注

谷歌浏览器摄像头无法开启(赛码网,牛客网,阿里云认证测试)

问题引入

我是一个开发者,最近要笔试,而笔试通常是在牛客网或者是赛码网
笔试的要求通常是使用多少多少版本以上的谷歌浏览器,牛客的应该是还可以使用使用火狐
但是赛码就必须是谷歌了,但是我发现我的谷歌浏览器一直打不开摄像头,尝试了几乎所有网上乱七八糟的方法终于可以成功了


尝试一:授权

给浏览器的摄像头和麦克风授权,这个确实可以解决我们中部分人的问题,但是它没有解决我的问题
网上大部分都是这种办法,不在赘述


尝试二: 正解:换个低版本的浏览器**

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) 回帖
加载中...
话题 回帖

推荐话题

相关热帖

历年真题 真题热练榜 24小时
技术(软件)/信息技术类
查看全部

近期精华帖

热门推荐