您好我正在使用适用于Chrome浏览器的相机API。但我的浏览器不支持navigation.getUserMedia。

为此分享一些代码。

这是我的HTML页面:

getUserMedi

现在我的CSS文件:

body {

background: #F7F7F7;

margin: 0;

padding: 0;

}

#video-container {

margin: 2em auto 0;

width: 500px;

padding: 2em;

background: white;

-webkit-box-shadow: 0 1px 10px #D9D9D9;

-moz-box-shadow: 0 1px 10px #D9D9D9;

-ms-box-shadow: 0 1px 10px #D9D9D9;

-o-box-shadow: 0 1px 10px #D9D9D9;

box-shadow: 0 1px 10px #D9D9D9;

}

这里是camera.js文件:

window.onload = function() {

// Normalize the various vendor prefixed versions of getUserMedia.

navigator.getUserMedia = (navigator.getUserMedia ||

navigator.webkitGetUserMedia ||

navigator.mozGetUserMedia ||

navigator.msGetUserMedia);

if (navigator.getUserMedia) {

// Request the camera.

navigator.getUserMedia(

// Constraints

{

video: true

},

// Success Callback

function(localMediaStream) {

// Get a reference to the video element on the page.

var vid = document.getElementById('camera-stream');

// Create an object URL for the video stream and use this

// to set the video source.

vid.src = window.URL.createObjectURL(localMediaStream);

},

// Error Callback

function(err) {

// Log the error to the console.

console.log('The following error occurred when trying to use

getUserMedia: ' + err);

}

);

} else {

alert('Sorry, your browser does not support getUserMedia');

}

};

此处我的相机无法开启。浏览器也不支持请澄清这个人。

启用计算机浏览器摄像头,如何启用浏览器进行摄像头访问?相关推荐

  1. 启用计算机图标,windows如何启用管理员及桌面图标设置?

    很多同学在使用电脑的过程中,装软件,设置等,经常会提示缺少管理员权限.其实可以在电脑使用之初,就使用管理员,为以后的电脑带来方便.启用管理的方法也非常简单. 缺少管理员是因为,新买电脑,解包用新建用户 ...

  2. 如何启用计算机超级账户,Windows7启用超级管理员账户的方法

    相信不少用户都碰到过Windows7在删除文件的时候,提示没有权限,这让人很烦,于是我们就想启用超级管理员账户,不过很多人不知道Windows7怎么启用超级管理员账户,其实方法很简单,不知道的朋友可以 ...

  3. 启用计算机浏览器摄像头,电脑怎么设置允许浏览器使用摄像头?

    有的时候,我们登录某一个网站游戏或者工作会议,需要使用我们的摄像头,但是却打不开,那么我们应该如何操作才能够让该网站允许使用我们计算机的摄像头呢?今天,小白就给大家分享一篇经验,告诉大家如何设置来让其 ...

  4. qq浏览器翻译功能启用划词插件教程

    qq浏览器翻译功能启用划词插件教程 qq浏览器翻译功能怎么启用?QQ浏览器对于我们经常浏览qq空间,微信聊天的人来说是非常不错的一个浏览器,而且,QQ浏览器也有非常多不错的功能,比如划词翻译等等.那么 ...

  5. 谷歌浏览器如何启用java小脚本_各种浏览器开启JavaScript脚本方法

    随着网站设计技术的发展,为了用户友好体验,大部分网站使用了JavaScript脚本设计,如果您的浏览器禁用或关闭的JavaScript支持,那么可能造成网站体验差或网站部分功能无法使用 下面提供10种 ...

  6. JavaScript(JS) 浏览器中设置启用或禁用

    所有的现代浏览器都内置了对JavaScript的支持.通常,可能需要手动启用或禁用此支持.本章介绍在浏览器中启用和禁用JavaScript支持的过程:Internet Explorer.Firefox ...

  7. 简单提升微信打开浏览器速度(启用原生 WebView 支持)

    简单提升微信打开浏览器速度(启用原生 WebView 支持) 前言 启用原生 WebView 支持 小结 前言 国内的安卓系统环境真的是一言难尽,各种后台全家桶,在国内没有苹果的那种消息推送,性能较强 ...

  8. 【Android RTMP】NV21 图像旋转处理 ( 快速搭建 RTMP 服务器 Shell 脚本 | 创建 RTMP 服务器镜像 | 浏览器观看直播 | 前置 / 后置摄像头图像旋转效果展示 )

    文章目录 安卓直播推流专栏博客总结 一. 编写快速搭建 RTMP 服务器 Shell 脚本 二. RTMP 快速搭建方法 三.创建阿里云 RTMP 服务器镜像 四.浏览器查看直播内容 五.前置 / 后 ...

  9. java如何关闭一个浏览器网页代码_使用java代码打开关闭浏览器(指定的浏览器或者计算机默认的浏览器)...

    package network.openURL; import java.io.IOException; import java.net.HttpURLConnection; import java. ...

  10. 计算机用户账户无法打开浏览器,请问怎么样禁止一个电脑用户使用IE浏览器

    为了不使他人随意改变您对浏览器的设置以及对IE的某些功能限制使用,有必要将你的设置选项进行隐藏或禁止使用.过去在Windows 9x系统中,一般是通过修改注册表来实现的,不过这会对系统的安全性带来一定 ...

最新文章

  1. Android webview 加载的html 无法显示弹框
  2. Java NIO浅析
  3. V3S文件系统基本构架
  4. 采购订单中的容差项目解释
  5. new LayoutParams 使用
  6. hadoop 之NullWritable与ObjectWritable
  7. [转]Log4Net五步走
  8. Springboot热部署(热部署原理)和用IDEA开发需要的配置
  9. mysql索引两个表_MySQL索引优化(索引两表优化案例)
  10. 目前常见软件保护技术概述
  11. segger_rtt使用帮助
  12. 双绞线的制作方式详解
  13. 这里,陌生人发的动态比朋友圈有趣多了!
  14. 1527.患某种疾病的患者
  15. 王者荣耀刷金币辅助(安卓调试桥与python的联合使用)
  16. excel中多列内容显示不全
  17. 前端实现电子签名(vue组件)
  18. 邮件黑名单系列文章十 : IP被UCEProtect列入黑名单
  19. 目标检测--RFBNet训练自己制作数据集出现loss=nan问题的解决方法
  20. 十大管理之项目成本管理知识点

热门文章

  1. nodejs连接mysql数据库,报错Client does not support authentication protocol requested by server的解决方法
  2. RAISR-master:google图像新压缩技术RAISR的测试代码调试记录(Python实现,没接触过python的小白,内含pip install解决方案)
  3. 【转】解决 canvas 在高清屏中绘制模糊的问题
  4. JMETER java.net.SocketException: Connection reset 报错解决方案
  5. 解决Win10 PowerShell无法激活Anaconda环境的问题
  6. 如何在SQL Server中使用级联删除?
  7. Netty框架多人聊天案例,代码示例
  8. 新增的表单元素 结构伪类选择器
  9. [Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)
  10. java语句电脑定时关机_月光软件站 - 编程文档 - Java - windows定时关机程序