js调用设备摄像头的方法
作者：东都花神 发布时间：2024-04-17 09:46:46
标签：js,摄像头
本文实例为大家分享了js调用设备摄像头的具体代码，供大家参考，具体内容如下
使用getUserMedia这个API来获取摄像头的权限
兼容chrome和火狐，IOS不兼容
下面是源码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<video src=""></video>
<script type="text/javascript">
var opt = {
audio: true,
video: {
width: 375,
height: 603
}
};
navigator.mediaDevices.getUserMedia(opt)
.then(function(mediaStream) {
var video = document.querySelector('video');
video.srcObject = mediaStream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {
console.log(err.name + ": " + err.message);
}); // always check for errors at the end.
</script>
</body>
</html>
注意，如果使用chrome查看代码需要在https协议下才能生效，建议使用火狐查看。
来源：https://blog.csdn.net/qq_33988065/article/details/78992413
0
投稿猜你喜欢
merge()1.常规合并①方法1指定一个参照列，以该列为准，合并其他列。import pandas as pddf1 = pd.DataF- 这篇论坛文章主要介绍了Oracle数据库到SQL Server数据库主键的迁移过程，具体内容请参考下文。由于项目需要要将以前Oracle的数
- 本文实例为大家分享了Python绑定方法与非绑定方法，供大家参考，具体内容如下定义：绑定方法（绑定给谁，谁来调用就自动将它本身当作第一个参数
- 方法一、主要问题是docx受lxml的影响，如果lxml的版本不对的话，docx根本装不上，不管你用pip,easy_install或者是用
- 一个功能的实现，可以用多种语句来实现，比如说:while语句、for语句、生成器、列表推导、内置函数等实现，然而他们的效率并不一样。写了一个
- 项目结构：运行效果：=========================================================代码部
- 前言微服务中的日志采集方案ELK(EFK)已经是基本事实标准了，但是单体服务中却没有像ELK这样的成熟采集方案，这与单体性质有关，单体毕竟涉
- 本文实例为大家分享了python3判断IP地址的具体代码，供大家参考，具体内容如下输入一串字符，判断该字符串是否为点分十进制的IP地址，若是
- 简介Python有广泛丰富的第三方库，在没有特殊定制下，避免了重复造轮子。若我们想获取随机时间，可以自己写一个，但也可以通过第三方库，如ra
- MySQL使用环境变量TMPDIR的值作为保存临时文件的目录的路径名。如果未设置TMPDIR，MySQL将使用系统的默认值，通常为/tmp、
- 在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个
- 动画效果如下：GIF看起来可能会有点卡wxml<view class="confirm bubble">确定
- 正常开发的时候，我们都手动去写要引入到包，有过java开发的同事，用过快捷键ctrl + alt + o 会自动引入所有的依赖包，pycha
- 引言本文将深入探讨Python语言中的核心概念：类（Class）和对象（Object）。我们将介绍这些基本概念，然后通过示例代码详细展示Py
- 代码：function checkall(checkNames){ var allBoxs = document.getElem
- 本文实例为大家分享了Python QQBot库的QQ聊天机器人的具体代码，供大家参考，具体内容如下项目地址：https://github.c
- 要防止同一用户同时登陆,首页应该记录在线用户的信息(这里与用户名为例),然后判断正在登陆的用户里面是否已存在。在这里使用一个cache存放已
- css3 Animation： @-webkit-keyframes twinkling{ /
- 1.连接本机数据库 A. 本机若有静态IP,oracle安装好后，就能连接本机oracle数据库。 B. 安装oracle时，本机没有静态I
- python去除空格,tab制表符和\n换行符python中常用的替换字符串的函数有replace()，其用法相信大家都比较熟悉举个例子st
