瀏覽器調(diào)用攝像頭 _生活經(jīng)驗

如何html5在瀏覽器里訪問手機后置攝像頭TML5 The Media Capture API提供了對攝像頭的可編程訪問，用戶可以直接用getUserMedia獲得攝像頭提供的視頻流。但實際上用html5調(diào)用手機攝像頭存在很多問題：
1）谷歌的發(fā)布的Chrome到了21版本后，才新增了一個用于高質(zhì)量視頻音頻通訊的getUserMedia API ，該API允許Web應(yīng)用程序訪問攝像頭和麥克風,其他手機瀏覽器只有opera支持html5調(diào)用本地拍照功能
2）兩個瀏覽器均不支持訪問多個攝像頭：chrome不支持訪問后置攝像頭，pera支持訪問后置攝像頭的

android手機，瀏覽器chrome32版本下實現(xiàn)了瀏覽器調(diào)用設(shè)備攝像頭進行拍照。主要分3個步驟來完成:
1）獲取視頻流
添加一個HTML5的Video標簽，并將從攝像頭獲得視頻作為這個標簽的輸入來源
var video = document.getElementByIdx_x_x("video");
navigator.getUserMedia({video:true}, function (stream) {
video.src = https://www.zaoxu.com/jjsh/bkdq/window.webkitURL.createObjectURL(stream);
}, function (error) { alert(error); });
2）拍照
關(guān)于拍照功能，采用HTML5的Canvas實時捕獲Video標簽的內(nèi)容，Video元素能作為Canvas圖像的輸入
function scamera() {
var videoElement = document.getElementByIdx_x_x('video');
var canvasObj = document.getElementByIdx_x_x('canvas1');
var context1 = canvasObj.getContext('2d');
context1.fillStyle = "#ffffff";
context1.fillRect(0, 0, 320, 240);
context1.drawImage(videoElement, 0, 0, 320, 240);
}
3）圖片獲取
要從Canvas獲取圖片數(shù)據(jù) ，其核心思路是用canvas的toDataURL將Canvas的數(shù)據(jù)轉(zhuǎn)換為base64位編碼的PNG圖像
var imgData=https://www.zaoxu.com/jjsh/bkdq/canvas.toDataURL(“image/png”);
imgData格式如下：”data:image/png;base64,xxxxx“
真正圖像數(shù)據(jù)是base64編碼逗號之后的部分

如何html5在瀏覽器里訪問手機后置攝像頭部分手機支持修改應(yīng)用程序權(quán)限：智能管理器-應(yīng)用程序權(quán)限管理/應(yīng)用程序許可-點擊應(yīng)用程序/權(quán)限-滑動對應(yīng)開關(guān)即可設(shè)置。
注：部分內(nèi)置軟件權(quán)限為系統(tǒng)默認，無法更改。

如何html5在瀏覽器里訪問手機后置攝像頭我也是后來才發(fā)現(xiàn)，chrome好像不支持訪問后置攝像頭，不知道怎么回事，但firefox和opera是支持訪問后置攝像頭的，你可以試試.

如何html5在瀏覽器里訪問手機后置攝像頭HTML5 GetUserMedia Demo

var video = document.querySelector('video');var audio, audioType;var canvas1 = document.getElementById('canvas1');var context1 = canvas1.getContext('2d');var canvas2 = document.getElementById('canvas2');var context2 = canvas2.getContext('2d');navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;var exArray = []; //存儲設(shè)備源IDMediaStreamTrack.getSources(function (sourceInfos) {for (var i = 0; i != sourceInfos.length; ++i) {var sourceInfo = sourceInfos[i];//這里會遍歷audio,video，所以要加以區(qū)分if (sourceInfo.kind === 'video') {exArray.push(sourceInfo.id);}}});function getMedia() {if (navigator.getUserMedia) {navigator.getUserMedia({'video': {'optional': [{'sourceId': exArray[1] //0為前置攝像頭，1為后置}]},'audio':true}, successFunc, errorFunc);//success是獲取成功的回調(diào)函數(shù)}else {alert('Native device media streaming (getUserMedia) not supported in this browser.');}}function successFunc(stream) {//alert('Succeed to get media!');if (video.mozSrcObject !== undefined) {//Firefox中，video.mozSrcObject最初為null，而不是未定義的，我們可以靠這個來檢測Firefox的支持video.mozSrcObject = stream;}else {video.src = https://www.zaoxu.com/jjsh/bkdq/window.URL && window.URL.createObjectURL(stream) || stream;}//video.play();// 音頻audio = new Audio();audioType = getAudioType(audio);if (audioType) {audio.src = 'polaroid.' + audioType;audio.play();}}function errorFunc(e) {alert('Error！'+e);}// 將視頻幀繪制到Canvas對象上,Canvas每60ms切換幀，形成肉眼視頻效果function drawVideoAtCanvas(video,context) {window.setInterval(function () {context.drawImage(video, 0, 0,90,120);}, 60);}//獲取音頻格式function getAudioType(element) {if (element.canPlayType) {if (element.canPlayType('audio/mp4; codecs="mp4a.40.5"') !== '') {return ('aac');} else if (element.canPlayType('audio/ogg; codecs="vorbis"') !== '') {return ("ogg");}}return false;}// vedio播放時觸發(fā)，繪制vedio幀圖像到canvas//video.addEventListener('play', function () {//drawVideoAtCanvas(video, context2);//}, false);//拍照function getPhoto() {context1.drawImage(video, 0, 0,90,120); //將video對象內(nèi)指定的區(qū)域捕捉繪制到畫布上指定的區(qū)域，實現(xiàn)拍照。}//視頻function getVedio() {drawVideoAtCanvas(video, context2);}

如何html5在瀏覽器里訪問手機后置攝像頭html5需要使用接口chrome30+ for android 已經(jīng)實現(xiàn)了利用webcam，調(diào)用手機后置攝像頭，代碼如下：

HTML5 GetUserMedia Demo

var video = document.querySelector('video');
var audio, audioType;

var canvas1 = document.getElementById('canvas1');
var context1 = canvas1.getContext('2d');

var canvas2 = document.getElementById('canvas2');
var context2 = canvas2.getContext('2d');

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;

var exArray = []; //存儲設(shè)備源ID
MediaStreamTrack.getSources(function (sourceInfos) {
for (var i = 0; i != sourceInfos.length; ++i) {
var sourceInfo = sourceInfos[i];
//這里會遍歷audio,video，所以要加以區(qū)分
if (sourceInfo.kind === 'video') {
exArray.push(sourceInfo.id);
}
}
});

function getMedia() {
if (navigator.getUserMedia) {
navigator.getUserMedia({
'video': {
'optional': [{
'sourceId': exArray[1] //0為前置攝像頭，1為后置
}]
},
'audio':true
}, successFunc, errorFunc);//success是獲取成功的回調(diào)函數(shù)
}
else {
alert('Native device media streaming (getUserMedia) not supported in this browser.');
}
}

function successFunc(stream) {
//alert('Succeed to get media!');
if (video.mozSrcObject !== undefined) {
//Firefox中，video.mozSrcObject最初為null，而不是未定義的，我們可以靠這個來檢測Firefox的支持
video.mozSrcObject = stream;
}
else {
video.src = https://www.zaoxu.com/jjsh/bkdq/window.URL && window.URL.createObjectURL(stream) || stream;
}

//video.play();

// 音頻
audio = new Audio();
audioType = getAudioType(audio);
if (audioType) {
audio.src = https://www.zaoxu.com/jjsh/bkdq/'polaroid.' + audioType;
audio.play();
}
}
function errorFunc(e) {
alert('Error！'+e);
}

// 將視頻幀繪制到Canvas對象上,Canvas每60ms切換?。緯扇庋凼悠敵Ч?br>function drawVideoAtCanvas(video,context) {
window.setInterval(function () {
context.drawImage(video, 0, 0,90,120);
}, 60);
}

//獲取音頻格式
function getAudioType(element) {
if (element.canPlayType) {
if (element.canPlayType('audio/mp4; codecs="mp4a.40.5"') !== '') {
return ('aac');
} else if (element.canPlayType('audio/ogg; codecs="vorbis"') !== '') {
return ("ogg");
}
}
return false;
}

// vedio播放時觸發(fā) ，繪制vedio幀圖像到canvas
//video.addEventListener('play', function () {
//drawVideoAtCanvas(video, context2);
//}, false);

//拍照
function getPhoto() {
context1.drawImage(video, 0, 0,90,120); //將video對象內(nèi)指定的區(qū)域捕捉繪制到畫布上指定的區(qū)域，實現(xiàn)拍照。
}

//視頻
function getVedio() {
drawVideoAtCanvas(video, context2);
}

本地html可以調(diào)用網(wǎng)絡(luò)攝像頭嗎目前見到的，android中的瀏覽器里面還不行。Android下有監(jiān)控的apk，可以考慮。

HTML在手機瀏覽器上怎么用a標簽調(diào)用本地相機程序，不是直接調(diào)用攝像頭據(jù)說這個可以 http://www.gbin1.com/gb/share/93.htm

web開發(fā)中jsp調(diào)用本地攝像頭采集圖像信息并保存可以支持火狐瀏覽器示例?控件是開發(fā)者寫好的。
如果不兼容的話，只能另外再找了。

在jsp頁面通過攝像頭調(diào)取監(jiān)控視頻影像目前網(wǎng)頁預覽都是需要攝像頭廠商自己的插件的，你這個要求不太好弄，你直接做一個接口直接調(diào)用IE界面吧。

我想建個可以播放實時視頻監(jiān)控的網(wǎng)站，就是客戶可以在網(wǎng)頁上隨時隨地多人并發(fā)式訪問的實時監(jiān)控，怎么做？首先建議使用海康威視品牌錄像機一臺多臺,高配獨顯PC一臺,TP-LINK路由器一臺.
然后申請網(wǎng)絡(luò):
辦法一申請固定IP光纖接入(建議盡可能的上傳帶寬要大,估計費用較高,)
辦法二申請普通電信或者網(wǎng)通ADSL(費用較低,但上傳帶寬有限制,同時訪問人數(shù)1-3)
再設(shè)置路由器,做相關(guān)端口映射設(shè)置,在PC上運行海康免費的管理平臺,(使用辦法問海康客服)
最后在其它的地方訪問就行了..

電腦怎么設(shè)置允許瀏覽器使用攝像頭

文章插圖

工具/材料：電腦1、打開電腦，點擊電腦左下角的開始按鈕進去，找到控制面板點擊進去。2、進入控制面板，然后點擊這個按鈕。3、在彈出的對話框中選擇攝像頭和麥克風選項。4、進入頁面之后，點擊站點的攝像頭和麥克風設(shè)置選項。5、然后點擊左下角的添加按鈕，把你需要設(shè)置使用的瀏覽器地址填進去就可以了。
如何在瀏覽器中加載攝像頭并拍照布局很簡單，就是設(shè)置一個“拍照”按鈕的監(jiān)聽器，調(diào)用攝像頭video ，然后顯示出來畫像。（需要用戶權(quán)限）
首先，我們要允許網(wǎng)頁寬度自動調(diào)整，我們在網(wǎng)頁頭添加viewport標簽：

1

chrome瀏覽器如何在不安全網(wǎng)站上打開攝像頭第一，關(guān)不所有軟件，找到谷歌瀏覽器應(yīng)用圖標第二，右擊谷歌瀏覽器圖標，點擊屬性第三，進入屬性，點擊兼容性，勾選兼容模式選項第四，點擊屬性下的安全，進入之后如圖1 ，點擊編輯，進入之后勾選完全控制選項如圖
有沒有想過使用瀏覽器直接控制攝像頭WebRTC可能是明年最受關(guān)注的HTML5標準了，Mozilla為此開發(fā)了一套幫助你控制硬件的API，例如，攝像頭，麥克風，或者是加速表。你可以不依賴其它的插件來調(diào)用你需要的本機硬件設(shè)備。在今天的這篇文章中，我們將介紹來自Wolfram Hempel開發(fā)的Photobooth.js，使用這個類庫可以幫助你快速的調(diào)用攝像頭功能，你可以很容易的添加攝像頭功能到網(wǎng)站中。并且快速的幫助你拍照，你可以使用這個功能來實現(xiàn)用戶的大頭照拍攝，是不是非常不錯？主要特性：對比度設(shè)置顏色設(shè)置亮度設(shè)置色調(diào)設(shè)置拍照按鈕支持最新的chrome, firefox, opera等瀏覽器支持jQuery插件方式和javascript代碼方式
以上資料來源果殼，具體的代碼就不附上了有需要的可以去搜索文章內(nèi)容查看。題主有需要的話可以再補充

如何測試chrome瀏覽器的攝像頭功能如果你用谷歌Chrome瀏覽器

1. 在Chrome瀏覽器中輸入：
把chrome://plugins
鍵入地址欄

2. 點擊右邊的“+ Details （+細節(jié)）”

3. 找出“Adobe Flash Player”

4. 在“Adobe Flash Player”中您很可能會看到“2”個文件

5. 您必須找到文件“Pepperflash” (PepperFlash\pepflashplayer.dll)

6. 一旦您找到“Pepperflash” ，點擊它后面的禁用并確認。

7. 然后重新啟動您的瀏覽器和攝像頭.....

在w7里打開攝像頭的步驟/方法
打開開始菜單，右鍵“計算機”選擇“管理” 。

在“計算機管理”窗口左邊一欄，雙擊“設(shè)備管理器” 。然后，從右邊欄中找到“圖像設(shè)備”，點開。在攝像頭設(shè)備上右鍵鼠標，選擇“屬性” 。
在“驅(qū)動程序”選項卡上，單擊“驅(qū)動程序詳細信息”，可以看到.exe 文件的詳細路徑（通常位于系統(tǒng)盤 Windows 文件夾下）。
在系統(tǒng)盤中，循路徑找到這個程序文件，右鍵鼠標，選擇“創(chuàng)建快捷方式”，存放到桌面上。
回到桌面，右鍵單擊快捷方式，“復制” 。然后打開如下文件夾：
系統(tǒng)盤:\Users\用戶名\AppData\Roaming\Microsoft\Windows\Network Shortcuts
例如 C:\Users\xiaoyi\AppData\Roaming\Microsoft\Windows\Network
Shortcuts （AppData 是隱藏文件夾。如果看不到，請點擊“組織”-〉“文件夾和搜索選項” 。在“查看”選項卡上點選“顯示隱藏的文件、文件夾和驅(qū)動器” 。）
將快捷方式“粘貼”進來。
打開“計算機” ，現(xiàn)在就可以看到攝像頭圖標了。

IE瀏覽器怎么設(shè)置攝像頭攝像頭不使用IE設(shè)置的,正確操作:攝像頭插到電腦上,正確安裝驅(qū)動

ie瀏覽器筆記本電腦怎么開前置攝像頭這個是根據(jù)網(wǎng)頁內(nèi)容或程序自動調(diào)用的。不需要自己手動開啟。
比如一些網(wǎng)頁或網(wǎng)站程序要用前攝像頭時，一般都是提示，然后點允許，就可以打開了。

我為什么在瀏覽器上用不了攝像頭?。?/h3>少插件

怎樣在瀏覽器里看p2p監(jiān)控攝像頭想在瀏覽器看，直接登錄攝像頭的IP地址查看，沒有這個功能的話就沒有辦法看

如何通過html5調(diào)用攝像頭拍照1. 項目背景
網(wǎng)站項目基于HTML5+AngularJs開發(fā)，正在做一個由HTML5調(diào)用攝像頭拍照，從而實現(xiàn)修改頭像的功能。起初覺得HTML5拍照很簡單，但是做的時候才發(fā)現(xiàn)HTML5獲取攝像頭并不是那么容易。
2. 如何調(diào)用攝像頭
$scope.photoErr = false;
$scope.photoBtnDiable = true;
var mediaStream = null,track = null;

navigator.getMedia = (navigator.getUserMedia ||
navigator.webkitGetUserMedia || navigator.mozGetUserMedia ||
navigator.msGetUserMedia);
if (navigator.getMedia) {
navigator.getMedia(
{
video: true
},
// successCallback
function (stream) {
var s = window.URL.createObjectURL(stream);
var video = document.getElementById('video');
video.src = https://www.zaoxu.com/jjsh/bkdq/window.URL.createObjectURL(stream);
mediaStream = stream;
track = stream.getTracks()[0];
$scope.photoBtnDiable = false;$scope.$apply();
},
// errorCallback
function (err) {
$scope.errorPhoto();
console.log("The following error occured:" + err);
});
} else {
$scope.errorPhoto();
}

代碼解析：
navigator為瀏覽器對象，包含瀏覽器的信息，這里就是用這個對象打開攝像頭。$scope為AndularJs語法。第一步聲明navigator.getMedia來調(diào)用瀏覽器不同的打開攝像頭函數(shù)，目前僅有g(shù)etUserMedia、webkitGetUserMedia、mozGetUserMedia、msGetUserMedia四種方式分別對應(yīng)通用瀏覽器、Google瀏覽器、火狐瀏覽器和IE瀏覽器，瀏覽器會自動判斷調(diào)用哪一個函數(shù) 。第二步是調(diào)用打開瀏覽器，包含三個參數(shù)，分別為需要使用的多媒體類型、獲取成功返回的流數(shù)據(jù)處理函數(shù)以及操作失敗返回錯誤消息處理函數(shù) 。其中，使用時不僅可以設(shè)置視頻還能設(shè)置使用麥克風，設(shè)置方式為：
{
video: true ，
audio: true
}

調(diào)用成功即打開攝像頭后返回視頻流數(shù)據(jù)，我們可以將流數(shù)據(jù)設(shè)置到video標簽在界面上實時顯示圖像。mediaStream用來記錄獲取到的流數(shù)據(jù)，track在Chrome瀏覽器中用來跟蹤攝像頭狀態(tài)，這兩個變量都能用來關(guān)閉攝像頭。
3. 拍照
$scope.snap = function () {
var canvas = document.createElement('canvas');
canvas.width = "400";
canvas.height = "304";

var ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, 400, 304);
$scope.closeCamera();
$uibModalInstance.close(canvas.toDataURL("image/png"));
};

拍照時需要使用到canvas標簽，創(chuàng)建一個canvas標簽，設(shè)置我們需要拍照的尺寸大小，通過drawImage函數(shù)將video當前的圖像保存到canvas標簽，最后將圖像數(shù)據(jù)轉(zhuǎn)換為base64數(shù)據(jù)返回并關(guān)閉攝像頭，這樣就完成了我們的拍照功能。這里的$uibModalInstance對象是我們項目中打開彈出層的一個對象，用來控制彈出層的顯示。
4. 如何關(guān)閉攝像頭
$scope.closeCamera = function () {
if (mediaStream != null) {
if (mediaStream.stop) {
mediaStream.stop();
}
$scope.videosrc = https://www.zaoxu.com/jjsh/bkdq/"";
}
if (track != null) {
if (track.stop) {
track.stop();
}
}
}

正如前面所說，關(guān)閉攝像頭的方式是通過mediaStream和track變量，只不過， track只能關(guān)閉Chrome瀏覽器中的攝像頭，這也是Chrome 45版本以上關(guān)閉攝像頭的方式。
5. 集成到AndularJs
事實上，前面所說的都是在AndularJs中實現(xiàn)的，當然，這里只是實現(xiàn)了拍照并返回拍照數(shù)據(jù)，我們想要在其他地方也使用，就需要將這部分獨立出來，這里我們用到了AngularJs中的service機制，將這部分單獨做成一個service并在項目中注入，然后就可以在其他地方調(diào)用了。
service注冊:
app().registerService("h5TakePhotoService", function ($q, $uibModal) {

this.photo = function () {
var deferred = $q.defer();
require([config.server + "/com/controllers/photo.js"], function () {
$uibModal.open({
templateUrl: config.server + "/com/views/modal_take_photo.html",
controller: "photoModalController",
windowClass: "modal-photo"
}).result.then(function (e) {
deferred.resolve(e);
});
});
return deferred.promise;
}

});

調(diào)用方式：
$scope.takePhoto = function () {
h5TakePhotoService.photo().then(function (res) {
if (res != null && res != "") {
$scope.myImage = res;
}
});
}

h5TakePhotoService為控制器中注入的拍照service對象，最后處理返回的圖像數(shù)據(jù)，設(shè)置數(shù)據(jù)顯示到界面上。
6. 兼容問題
主要存在Chrome瀏覽器中，本地測試時， Chrome瀏覽器中能夠正常使用，但是部署到服務(wù)器后就不能正常使用，報錯消息為 [object NavigatorUserMediaError] ，這是因為Chrome瀏覽器在使用攝像頭時只支持安全源訪問，所以只能通過https訪問才能正常使用。
最后需要說一下，測試時只能通過http://url訪問才能使用，不能通過file://url方式訪問，即我們需要將代碼部署才能訪問，可以在Visual Studio、 java web、php中完成。

臺式電腦如何讓瀏覽器啟動攝像頭拍照？這樣的情況建議用360軟件管家下載安裝最新的flash插件，這樣就可以解決。

JS 能不能調(diào)用攝像頭并拍照可以調(diào)用，不過適合HTML5，瀏覽器版本也要高點，有些低版本的估計不支持var promisifiedOldGUM = function(constraints) {// 第一個拿到getUserMedia，如果存在var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);// 有些瀏覽器只是不實現(xiàn)它-返回一個不被拒絕的承諾與一個錯誤保持一致的接口if (!getUserMedia) {return Promise.reject(new Error('getUserMedia is not implemented in this browser-getUserMedia是不是在這個瀏覽器實現(xiàn)'));}// 否則，調(diào)用包在一個舊navigator.getusermedia承諾return new Promise(function(resolve, reject) {getUserMedia.call(navigator, constraints, resolve, reject);});}// 舊的瀏覽器可能無法實現(xiàn)mediadevices可言，所以我們設(shè)置一個空的對象第一if (navigator.mediaDevices === undefined) {navigator.mediaDevices = {};}// 一些瀏覽器部分實現(xiàn)mediadevices 。我們不能只指定一個對象// 隨著它將覆蓋現(xiàn)有的性能getUserMedia 。.// 在這里，我們就要錯過添加getUserMedia財產(chǎn) 。.if (navigator.mediaDevices.getUserMedia === undefined) {navigator.mediaDevices.getUserMedia = promisifiedOldGUM;}// Prefer camera resolution nearest to 1280x720.var constraints = {audio: true,video: {width: 1280,height: 720}};navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {var video = document.querySelector('video');video.src = https://www.zaoxu.com/jjsh/bkdq/window.URL.createObjectURL(stream);video.onloadedmetadata = function(e) {video.play();};}).catch(function(err) {console.log(err.name + ": " + err.message);});
在瀏覽器中調(diào)用本地攝像頭實現(xiàn)視頻監(jiān)控中維采集卡、硬盤錄像機、監(jiān)控攝像機、百萬高清網(wǎng)絡(luò)攝像機廠家路過，資料有聯(lián)系方式。

谷歌瀏覽器打不開攝像頭怎么辦？

文章插圖

首先檢查自己的網(wǎng)絡(luò)問題網(wǎng)絡(luò)沒有出錯，那就點中谷歌的圖標，單擊鼠標右鍵—>屬性—>快捷方式—>目標，在目標最后面加入-no-sandbox參數(shù)，點擊應(yīng)用—>確認。再打開谷歌瀏覽器，重新運行一下，就可以打開了。GoogleChrome，中文名為“谷歌瀏覽器”，是由Google公司開發(fā)的網(wǎng)頁瀏覽器。瀏覽速度在眾多瀏覽器中走在前列，屬于高端瀏覽器。采用BSD許可證授權(quán)并開放源代碼，開源計劃名為Chromium.本軟件的代碼是基于其他開放源代碼軟件所撰寫，包括WebKit和Mozilla，目標是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡單且有效的使用者界面。軟件的名稱是來自于又稱作“Chrome”的網(wǎng)絡(luò)瀏覽器圖形使用者界面（GUI）。2013年9月，Chrome已達全球份額的43% ，成為使用最廣的瀏覽器。2014年2月，谷歌在PC版Chrome中整合了語音搜索功能。2015年12月2日，谷歌刪除了Chrome瀏覽器中的桌面通知中心。2016年5月19日，谷歌宣布Chrome瀏覽器可運行安卓應(yīng)用。
為什么win10 瀏覽器使用不了攝像頭？

文章插圖

在注冊表HKLM\SOFTWARE\WOW6432Node\Microsoft\Windows Media Foundation\Platform路徑下新建EnableFrameServerMode的鍵值，并設(shè)置為0，即可正常使用攝像頭。概述周年更新后，Windows系統(tǒng)不再允許USB網(wǎng)絡(luò)攝像頭使用MJPEG或者H.264編碼流方式，只能允許使用YUY2解碼。微軟的初衷不錯：使用MJPEG或者H.264編碼過程中會導致重復編碼流（效率低下），所以微軟對這類輸出方式進行了限制，而當網(wǎng)絡(luò)攝像頭嘗試使用MJPEG或者H264格式編碼的時候，攝像頭就會卡死。修復修復了以下項目相關(guān)的額外問題：Azure活動目錄的MDM，軟件兼容，Yu Gothic字集的渲染， Cortana語音助手，集群分享連接過慢， Xbox One運行Netflix應(yīng)用DIAL協(xié)議相關(guān)，xbox音量和音樂播放，Movies & TV 應(yīng)用播放音樂引起所有視頻停止， IE首次運行對話的錯誤縮放，驅(qū)動設(shè)置，商業(yè)版Windows Update ，重置設(shè)備后應(yīng)用安裝失效， Hyper-V和BitLocker開啟后的啟動失敗， Cache Manager，集群健康服務(wù)，鎖定機器替代功能無效，disk-to-enclosure映射無法工作，PowerShell,丟失鎖屏畫面，健康追蹤器無法識別大容量存儲設(shè)備，InTune和Azure Active Directory同步失敗， Wi-Fi環(huán)境下Skype呼叫失效，漸近下載時串流播放遲緩，無法取消Store下載，Edge瀏覽器擴展，睡眠或休眠模式中喚醒后錯誤鎖屏界面顯示。
谷歌瀏覽器打不開攝像頭怎么解決

文章插圖

1、首先我們關(guān)閉所有軟件，找到谷歌瀏覽器應(yīng)用圖標2、然后我們右擊谷歌瀏覽器圖標，點擊屬性3、然后我們在進入屬性，點擊兼容性，勾選兼容模式選項4、點擊屬性下的安全，進入之后，點擊編輯，進入之后勾選完全控制選項，這樣我們就可以打開攝像頭了。
電腦怎么設(shè)置允許瀏覽器使用攝像頭

文章插圖

1、首先打開自己電腦中的瀏覽器，打開之后，找到右上角的三橫設(shè)置選項。2、點擊設(shè)置之后進入新的界面，可以看到有很多選項，找到設(shè)置的選項，然后點擊即可。3、點擊設(shè)置之后，進入新的界面，找到隱私設(shè)置的選項，然后點擊內(nèi)容設(shè)置即可。4、點擊內(nèi)容設(shè)置之后，進入新的界面，在內(nèi)容設(shè)置中找到攝像頭（往下拉），然后勾選當網(wǎng)站要求使用攝像頭即可。
華為手機怎么開啟相機權(quán)限

文章插圖

手機攝像頭權(quán)限管理方法如下：EMUI 5.0：設(shè)置-權(quán)限管理-權(quán)限-調(diào)用攝像頭，根據(jù)需要將相應(yīng)應(yīng)用開關(guān)打開即可。EMUI 8.0：設(shè)置-應(yīng)用和通知-權(quán)限管理- 權(quán)限-調(diào)用攝像頭，根據(jù)需要將相應(yīng)應(yīng)用開關(guān)打開即可。
小米怎樣打開微信攝像頭權(quán)限

文章插圖

小米打開微信攝像頭權(quán)限的方法如下：1、打開手機【設(shè)置】，進入設(shè)置里下滑找到【更多應(yīng)用】選項，點擊打開。2、在應(yīng)用管理里面找到【微信】，再點擊。3、在打開的頁面，下滑找到【權(quán)限管理】點擊進入。4、然后在彈出的頁面向下滑找到【相機】點擊，然后選擇【允許】即可。
隨機視頻攝像頭不能用允許也打?qū)戳?網(wǎng)頁不彈出窗口檢查是不是有其他的程序在用攝像頭

電腦怎么設(shè)置允許瀏覽器使用攝像頭所需要的工具：臺式電腦一臺在電腦里設(shè)置允許瀏覽哭使用攝像頭的方法：正常情況下，我們?nèi)绻谑褂闷渌W(wǎng)站時，在有攝像頭檢測時，顯示的是讓我們檢查攝像頭的樣子。那么我們先返回到電腦桌面，點擊左下角的開始按鈕，選擇其中的控制面板選項。在彈出的控制面板中選擇小項目，然后點擊其中的Flash Player 。在彈出Flash Player的設(shè)置管理器之后，在上面的一排菜單之中選擇攝像頭和麥克風選項。進入界面之后，點擊中間的站點的攝像頭和麥克風設(shè)置選項。進入之后，點擊左下角的添加按鈕。這時候，會彈出一個輸入對話框，需要我們在里面輸入我們剛才登錄的網(wǎng)站名稱，我們必須完整輸入。輸入并添加后，說明我們允許該網(wǎng)站使用我們計算機的攝像頭了。重新登錄該網(wǎng)站，就會在該預覽處看到我們的情況了。
搜狗高速瀏覽器怎樣設(shè)置允許訪問攝像頭搜狗高速瀏覽器怎樣設(shè)置允許訪問攝像頭？在搜狗瀏覽器右上角菜單，幫助，論壇反?。?頂部綜合討論那個地方點擊7月29 6.4新論壇版進去安裝新版。或者幫助，在線升級，升級6.4新版。2.進菜單欄，工具，選項，高級，隱私保護黑字旁邊的“內(nèi)容設(shè)置” ，拖到底下有個使用攝像頭的選項。在搜狗瀏覽器右上角菜單，幫助，論壇反?。ゲ孔酆咸致勰歉齙胤降慊?月29 6.4新論壇版進去安裝新版。或者幫助，在線升級，升級6.4新版。進菜單欄，工具，選項，高級，隱私保護黑字旁邊的“內(nèi)容設(shè)置”，拖到底下有個使用攝像頭的選項。搜狗瀏覽器右上角菜單，幫助，論壇反?。?頂部綜合討論那個地方點擊7月29 6.4新論壇版進去安裝新版。或者幫助，在線升級，升級6.4新版。進菜單欄，工具，選項，高級，隱私保護黑字旁邊的“內(nèi)容設(shè)置”，拖到底下有個使用攝像頭的選項。幾天朋友說她要入手一個vivo NEX，我說為啥？要知道她可是蘋果死忠粉！買手機向來是只買貴的不買對的！怎么突然畫風就變了呢？結(jié)果她像看白癡一樣看著我：這手機現(xiàn)在都成網(wǎng)紅了你不知道？我當然得跟著時尚走了！沒毛?。?vivo NEX最近確實火了！被稱為“流氓軟件檢測器”！因為它的用戶先是發(fā)現(xiàn)了QQ瀏覽器會偷偷調(diào)用攝像頭，后來發(fā)現(xiàn)百度輸入法會偷偷錄音！連央視都報道了！當然，對于這些問題，百度和騰訊都給出了“合理的”解釋。QQ瀏覽器官方表示，確實會調(diào)起攝像頭，但是是為了獲取攝像頭參數(shù)，并不會開啟攝像頭，更不會采集用戶的隱私！

如何通過html5調(diào)用攝像頭拍照先簡單的添加需要的控件PICTURE 并在script中定義var video = document.getElementById("video");var context = canvas.getContext("2d")var errocb = function () {console.log('sth wrong!');}然后，簡單的說就是利用html5的api navigator.getUserMedia來開啟設(shè)備的攝像頭，瀏覽器上會出現(xiàn)圖示中的提示if (navigator.getUserMedia) { // 標準的APInavigator.getUserMedia({ "video": true }, function (stream) {video.src = https://www.zaoxu.com/jjsh/bkdq/stream;video.play();}, errocb);} else if (navigator.webkitGetUserMedia) { // WebKit 核心的APInavigator.webkitGetUserMedia({ "video": true }, function (stream) {video.src = window.webkitURL.createObjectURL(stream);video.play();}, errocb);}網(wǎng)上有些例子中，navigator.getUserMedia第一個參數(shù)是‘video’，這可能是早期的版本，現(xiàn)在必須是obj還有關(guān)于getUserMedia和webkitGetUserMedia 的判斷，網(wǎng)上有這么寫的navigator.getUserMedia = (navigator.getUserMedia ||navigator.webkitGetUserMedia ||navigator.mozGetUserMedia ||navigator.msGetUserMedia);但要注意，他們綁定video.src的方法不一樣，本人沒有測過createObjectURL是否通用拍照功能就是簡單的調(diào)用canvas中的drawImage即可document.getElementById("picture").addEventListener("click", function () {context.drawImage(video, 0, 0, 640, 480);});所有script代碼如圖示然后瀏覽器中就能看到攝像頭，點擊picture，就會在把當前攝像頭的圖片就會出現(xiàn)在右邊了
怎么用html5或js調(diào)用手機的攝像頭拍照上傳以及調(diào)用手機相冊選取照片

文章插圖

1、實現(xiàn)頭的方法代碼。2、編寫CSS樣式的方法代碼。3、html上傳代碼。4、JS處理方法代碼。5、測試結(jié)果如下。注意事項：JavaScript是一種網(wǎng)絡(luò)腳本語言，在web應(yīng)用開發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來為網(wǎng)頁添加各種動態(tài)功能，為用戶提供更加流暢美觀的瀏覽效果，通常JavaScript腳本被嵌入到HTML中來實現(xiàn)自己的功能。
如何使用HTML5實現(xiàn)利用攝像頭拍照上傳功能一，直接上可以代碼參考下：

//判斷瀏覽器是否支持HTML5 Canvas
window.onload = function () {
try {
//動態(tài)創(chuàng)建一個canvas元，并獲取他2Dcontext 。如果出現(xiàn)異常則表示不支持 document.createElement("canvas").getContext("2d");
document.getElementByIdx("support").innerHTML = "瀏覽器支持HTML5 CANVAS";
}
catch (e) {
document.getElementByIdx("support").innerHTML = "瀏覽器不支持HTML5 CANVAS";
}
};
//這段代主要是獲取攝像頭的視頻流并顯示在Video 簽中
window.addEventListener("DOMContentLoaded", function () {
var canvas = document.getElementByIdx("canvas"),
context = canvas.getContext("2d"),
video = document.getElementByIdx("video"),
videoObj = { "video": true },
errBack = function (error) {
console.log("Video capture error: ", error.code);
};
//navigator.getUserMedia這個寫法在Opera中好像是navigator.getUserMedianow
if (navigator.getUserMedia) {
navigator.getUserMedia(videoObj, function (stream) {
video.src = https://www.zaoxu.com/jjsh/bkdq/stream;
video.play();
}, errBack);
} else if (navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(videoObj, function (stream) {
video.src = https://www.zaoxu.com/jjsh/bkdq/window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
}
//這個是拍照按鈕的事件，
$("#snap").click(function () {
context.drawImage(video, 0, 0, 320, 320);
//CatchCode();
});
}, false);
//定時器
var interval = setInterval(CatchCode, "300");
//這個是刷新上圖像的
function CatchCode() {
$("#snap").click();
//實際運用可不寫，測試代，為單擊拍照按鈕就獲取了當前圖像，有其他用途
var canvans = document.getElementByIdx("canvas");
//獲取瀏覽器頁面的畫布對象
//以下開始編數(shù)據(jù)
var imgData = https://www.zaoxu.com/jjsh/bkdq/canvans.toDataURL();
//將圖像轉(zhuǎn)換為base64數(shù)據(jù)
var base64Data = https://www.zaoxu.com/jjsh/bkdq/imgData.substr(22);
//在前端截取22位之后的字符串作為圖像數(shù)據(jù)
//開始異步上
$.post("uploadImgCode.ashx", { "img": base64Data }, function (data, status) {
if (status == "success") {
if (data =https://www.zaoxu.com/jjsh/bkdq/= "OK") {
alert("二維已經(jīng)解析");
}
else {
// alert(data);
}
}
else {
alert("數(shù)據(jù)上失敗");
} }, "text");
}

二.最后的就是接收經(jīng)過base64編碼之后的圖像文件了。
public void ProcessRequest (HttpContext context) {
string img;//接收經(jīng)過base64編之后的字符串
context.Response.ContentType = "text/plain";
try {
img =context.Request["img"].ToString();
//獲取base64字符串
byte[] imgBytes = Convert.FromBase64String(img);
//將base64字符串轉(zhuǎn)換為字節(jié)數(shù)組
System.IO.Stream stream = new System.IO.MemoryStream(imgBytes);
//將字節(jié)數(shù)組轉(zhuǎn)換為字節(jié)流
//將流轉(zhuǎn)回Image，用于將PNG 式照片轉(zhuǎn)為jpg，壓縮體積以便保存。
System.Drawing.Image imgae = System.Drawing.Image.FromStream(stream);
imgae.Save(context.Server.MapPath("~/Test/") + Guid.NewGuid().ToString()+".jpg", System.Drawing.Imaging.ImageFormat.Jpeg);//保存圖片
context.Response.Write("OK");//輸出調(diào)用結(jié)果
} catch (Exception msg) {
img = null;
context.Response.Write(msg);
return;
}
}

如何通過html5調(diào)用攝像頭拍照ios拍照默認是旋轉(zhuǎn)的，有個exif的插件是專門解決這個問題的。js版連接: 網(wǎng)頁鏈接，里面有使用教程。通過這個判斷照片的旋轉(zhuǎn)角度之后，可以把它旋轉(zhuǎn)過來再保存，教程：網(wǎng)頁鏈接。如果只有預覽需求，直接旋轉(zhuǎn)容器進行顯示也是可以的。
如何通過html5調(diào)用攝像頭拍照【瀏覽器調(diào)用攝像頭】拍照下載圖片var video=document.getElementById("video"); var context=canvas.getContext("2d"); var errocb=function(){console.log("sth srong"); } //調(diào)用電腦攝像頭并將畫面顯示在網(wǎng)頁 if(navigator.getUserMedia){navigator.getUserMedia({"video":true},function(stream){video.src=https://www.zaoxu.com/jjsh/bkdq/stream;video.play();},errocb); }else if(navigator.webkitGetUserMedia){navigator.webkitGetUserMedia({"video":true},function(stream){video.src=window.webkitURL.createObjectURL(stream);video.play();},errocb); } //利用canvas 將當前video的畫面畫到canvas標簽節(jié)點中 document.getElementById("paizhao").addEventListener("click",function(){