各位老铁们好，相信很多人对谷歌浏览器 禁用alert都不是特别的了解，因此呢，今天就来为大家分享下关于谷歌浏览器 禁用alert以及谷歌浏览器 禁用 两指 菜单的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

本文目录

1. 如何html5在浏览器里访问手机后置摄像头
2. chrome浏览器屏蔽了js代码的执行

一、如何html5在浏览器里访问手机后置摄像头

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

<htmlxmlns="">

<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支持访问后置摄像头的

二、chrome浏览器屏蔽了js代码的执行

只要重新启用即可。操作方法和步骤如下：

1、首先，打开Chrome浏览器的“设置”选项，如下图所示。

2、其次，完成上述步骤后，拉到底部，单击“高级”按钮，如下图所示。

3、接着，完成上述步骤后，单击“网站设置”选项，如下图所示。

4、然后，完成上述步骤后，单击“ JavaScript”选项，如下图所示。

5、最后，单击“允许（推荐）”按钮，如下图所示。这样，就不会屏蔽js代码的执行了，问题解决了。

关于谷歌浏览器 禁用alert到此分享完毕，希望能帮助到您。