简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html5 - 新版chrome不能访问摄像头
迷茫
迷茫 2017-04-17 12:03:07
0
5
1185
<html>
<body>
<video id="video" autoplay=""style='width:640px;height:480px'></video>
<button id='picture'>PICTURE</button> 
<canvas id="canvas" width="640" height="480"></canvas>

  <script>

var video=document.getElementById("video");
var context=canvas.getContext("2d");
var errocb=function(){
 console.log("wrong");
}
if (navigator.getUserMedia) { // 标准的API
                navigator.getUserMedia({ "video": true }, function (stream) {
                    video.src = stream;
                    video.play();
                }, errocb);
} else if (navigator.webkitGetUserMedia) { // WebKit 核心的API
                navigator.webkitGetUserMedia({ "video": true }, function (stream) {
                    video.src = window.webkitURL.createObjectURL(stream);
                    video.play();
                }, errocb);
 }
</script>
</body>
</html>

以上代码在新版chrome(47.0.2526.80)可以通过本地地址访问摄像头，比如localhost/video.html。
但是不能通过IP地址访问，比如192.168.1.100/video.html。
而其它低版本的chrome工作都是正常的。
请问 这个问题如何解决呢？

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回覆(5)
大家讲道理
大家讲道理2017-04-17 12:05:07 5樓

https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins

點贊 +0
新增回覆
刘奇
刘奇2017-04-17 12:05:07 4樓

我也遇到同樣的問題，以前版本的Chrome預設是會彈出提示的，這個版本直接拒絕打開相機了。雖然我在隱私設定裡打開了攝像頭，但沒有提示。

難道這是為了安全考慮，必須走HTTPS？

點贊 +0
新增回覆
小葫芦
小葫芦2017-04-17 12:05:07 3樓

昨天遇到這個問題，在網路上找了許多資料，發現是chrome設定的問題，開啟設定-進階設定-隱私權設定（chrome://settings/content直達）找到鏡頭，講預設選項的mobiola video ..選擇你的設備（下拉框選擇）就可以啦，吼吼

點贊 +0
新增回覆
刘奇
刘奇2017-04-17 12:05:07 2樓

我也遇到了這個問題,現在谷歌連getUserMedia都不支援了,必須要https?

點贊 +0
新增回覆
Peter_Zhu
Peter_Zhu2017-04-17 12:05:07 1樓

看似是Chrome為了安全而添加的功能，採用https連接就可以存取到攝影機

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！