编程 HTML / CSS

h5调用摄像头的实现方法

Posted in HTML / CSS onJune 01, 2016

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>GetUserMedia实例</title>
</head>
<body>
<video id="video" autoplay><ideo>
</body>
<script type="text/javascript">
var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);
getUserMedia.call(navigator, {
video: true,
audio: true
}, function(localMediaStream) {
var video = document.getElementById('video');
video.src = window.URL.createObjectURL(localMediaStream);
video.onloadedmetadata = function(e) {
console.log("Label: " + localMediaStream.label);
console.log("AudioTracks" , localMediaStream.getAudioTracks());
console.log("VideoTracks" , localMediaStream.getVideoTracks());
};
}, function(e) {
console.log('Reeeejected!', e);
});
</script>
<html>

以上这篇h5调用摄像头的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

h5调用摄像头的实现方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

CSS3旋转——彩色扇子兼容firefox浏览器

Jun 04 HTML / CSS

纯CSS实现菜单、导航栏的3D翻转动画效果

Apr 23 HTML / CSS

css3圆角边框和边框阴影示例

May 05 HTML / CSS

使用CSS3编写灰阶滤镜来制作黑白照片效果的方法

May 09 HTML / CSS

CSS3实现头像旋转效果

Mar 13 HTML / CSS

移动端适配使px自动转换rem

Aug 26 HTML / CSS

详解基于 Canvas 手撸一个六边形能力图

Sep 02 HTML / CSS

关于HTML5的安全问题开发人员需要牢记的

Jun 21 HTML / CSS

HTML5中的Scoped属性使用实例

Apr 23 HTML / CSS

HTML5打开手机扫码功能及优缺点

Nov 27 HTML / CSS

跨域修改iframe页面内容详解

Oct 31 HTML / CSS

HTML5在手机端实现视频全屏展示方法

Nov 23 HTML / CSS

HTML5拖拽的简单实例

May 30 #HTML / CSS

HTML5对比HTML4的主要改变和改进总结

May 27 #HTML / CSS

Html5实现用户注册自动校验功能实例代码

May 24 #HTML / CSS

用HTML5的canvas实现一个炫酷时钟效果

May 20 #HTML / CSS

深入理解HTML的FormData对象

May 17 #HTML / CSS

html5 实现客户端验证上传文件的大小(简单实例)

May 15 #HTML / CSS

【HTML5】Canvas绘制简单图片教程

May 13 #HTML / CSS

You might like

四月新番又没了，《Re：从零开始的异世界生活》第二季延期至7月播出

2020/05/06 日漫

php使用wordwrap格式化文本段落的方法

2015/03/17 PHP

PHP register_shutdown_function()函数的使用示例

2015/06/23 PHP

Yii2――使用数据库操作汇总（增删查改、事务）

2016/12/19 PHP

php+redis消息队列实现抢购功能

2018/02/08 PHP

JS 显示当前日期与时间的代码

2010/03/24 Javascript

javascript在当前窗口关闭前检测窗口是否关闭

2014/09/29 Javascript

JavaScript字符串对象substr方法入门实例（用于截取字符串）

2014/10/16 Javascript

JavaScript中Math.SQRT2属性的使用详解

2015/06/14 Javascript

javascript之Array 数组对象详解

2016/06/07 Javascript

实例分析浏览器中“JavaScript解析器”的工作原理

2016/12/12 Javascript

微信小程序数组中的push与concat的区别

2017/01/05 Javascript

jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）

2017/05/19 jQuery

使用 Node.js 模拟滑动拼图验证码操作的示例代码

2017/11/02 Javascript

Angular5中状态管理的实现

2018/09/03 Javascript

浅谈Vue3.0之前你必须知道的TypeScript实战技巧

2019/09/11 Javascript

浅谈JavaScript中this的指向问题

2020/07/28 Javascript

antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作

2020/08/06 Javascript

js中实现继承的五种方法

2021/01/25 Javascript

Python实现模拟登录及表单提交的方法

2015/07/25 Python

Python 读写文件和file对象的方法(推荐)

2016/09/12 Python

Python画柱状统计图操作示例【基于matplotlib库】

2018/07/04 Python

python文件选择对话框的操作方法

2019/06/27 Python

Python获取时间范围内日期列表和周列表的函数

2019/08/05 Python

Python 爬取必应壁纸的实例讲解

2020/02/24 Python

Python 如何在字符串中插入变量

2020/08/01 Python

python/golang实现循环链表的示例代码

2020/09/14 Python

CSS3制作圆角图片和椭圆形图片

2016/07/08 HTML / CSS

我的大学生活职业生涯规划

2014/01/02 职场文书

2015年度班主任自我评价

2015/03/11 职场文书

小学班主任自我评价

2015/03/11 职场文书

单位推荐信范文

2015/03/27 职场文书

企业承诺书格式范文

2015/04/28 职场文书

运动会班级前导词

2015/07/20 职场文书

Python深度学习之Pytorch初步使用

2021/05/20 Python

如何优化vue打包文件过大

2022/04/13 Vue.js