浏览器打不开海康摄像头网页，浏览器不支持调用摄像头怎么办

今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章，希望能够帮助到大家！

html5需要使用接口chrome30+ for android已经实现了利用webcam，调用手机后置摄像头，代码如下：

<htmlxmlns="www.w3.org/1999/xhtml">

<title>HTML5GetUserMediaDemo</title>

<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>

<inputtype="button"title="开启摄像头"value="开启摄像头"onclick="getMedia();"/><br/>

<videoheight="120px"autoplay="autoplay"></video><hr/>

<inputtype="button"title="拍照"value="拍照"onclick="getPhoto();"/><br/>

<canvasid="canvas1"height="120px"></canvas><hr/>

<inputtype="button"title="视频"value="视频"onclick="getVedio();"/><br/>

<canvasid="canvas2"height="120px"></canvas>

<scripttype="text/javascript">

varvideo=document.querySelector('video');

varcanvas1=document.getElementById('canvas1');

varcontext1=canvas1.getContext('2d');

varcanvas2=document.getElementById('canvas2');

varcontext2=canvas2.getContext('2d');

navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;

window.URL=window.URL||window.webkitURL||window.mozURL||window.msURL;

MediaStreamTrack.getSources(function(sourceInfos){

for(vari=0;i!=sourceInfos.length;++i){

//这里会遍历audio,video，所以要加以区分

if(sourceInfo.kind==='video'){

'sourceId':exArray[1]//0为前置摄像头，1为后置

},successFunc,errorFunc);//success是获取成功的回调函数

alert('Nativedevicemediastreaming(getUserMedia)notsupportedinthisbrowser.');

//alert('Succeedtogetmedia!');

if(video.mozSrcObject!==undefined){

//Firefox中，video.mozSrcObject最初为null，而不是未定义的，我们可以靠这个来检测Firefox的支持

video.src=window.URL&&window.URL.createObjectURL(stream)||stream;

audioType=getAudioType(audio);

audio.src='polaroid.'+audioType;

//将视频帧绘制到Canvas对象上,Canvas每60ms切换帧，形成肉眼视频效果

functiondrawVideoAtCanvas(video,context){

window.setInterval(function(){

context.drawImage(video,0,0,90,120);

functiongetAudioType(element){

if(element.canPlayType('audio/mp4;codecs="mp4a.40.5"')!==''){

}elseif(element.canPlayType('audio/ogg;codecs="vorbis"')!==''){

//vedio播放时触发，绘制vedio帧图像到canvas

//video.addEventListener('play',function(){

//drawVideoAtCanvas(video,context2);

context1.drawImage(video,0,0,90,120);//将video对象内指定的区域捕捉绘制到画布上指定的区域，实现拍照。

drawVideoAtCanvas(video,context2);

</html>

HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。但实际上用html5调用手机摄像头存在很多问题：

HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。但实际上用html5调用手机摄像头存在很多问题：

1）谷歌的发布的Chrome到了21版本后，才新增了一个用于高质量视频音频通讯的getUserMedia API，该API允许Web应用程序访问摄像头和麦克风,其他手机浏览器只有opera支持html5调用本地拍照功能

2）两个浏览器均不支持访问多个摄像头：chrome不支持访问后置摄像头，pera支持访问后置摄像头的

1、首先打开开始菜单——控制面板。

2、然后点击其中的FlashPlayer。

3、接着在FlashPlayer设置管理器中点击切换到“摄像头和麦克风”。

4、点击的“站点的摄像头和麦克风设置”。

5、进入之后，点击左下角的“添加”按钮。

6、输入需要使用摄像头的网站，点击“添加”。

7、最后添加后可以在列表中看到该项，重新登录该网站，就可以访问摄像头了。

当网页无法调用摄像头时，可能是因为电脑的驱动没有安装正确，可以考虑重新装置驱动程序。

查看网站是否存在速度慢或者ISP宽带窄情况，当确认网速正常的情况下，就要考虑是否是电脑性能过低，解决的方法是升级CPU及主板。

wwW.Xtw.Com.cN系统网专业的PC、手机系统开发下载平台，HarmonyOS系统、安卓、OS、windows电脑重装系统在线下载安装,操作系统平台技术学习,攻略教程,技术交流。