编程 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 3D立方体效果示例－transform也不过如此

Dec 05 HTML / CSS

分享8款纯CSS3实现的搜索框功能

Sep 14 HTML / CSS

CSS3转换功能transform主要属性值分析及实现分享

May 06 HTML / CSS

纯css3实现照片墙效果

Dec 26 HTML / CSS

CSS3对背景图片的裁剪及尺寸和位置的设定方法

Mar 07 HTML / CSS

详解CSS3 rem(设置字体大小) 教程

Nov 21 HTML / CSS

html通过canvas转成base64的方法

Jul 18 HTML / CSS

html5 worker 实例(二) 图片变换效果

Jun 24 HTML / CSS

HTML5 中新的全局属性(整理)

Jul 31 HTML / CSS

html5实现canvas阴影效果示例

May 07 HTML / CSS

HTML5如何使用SVG的方法示例

Jan 11 HTML / CSS

五分钟学会HTML5的WebSocket协议

Nov 22 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

PHP 字符串编码截取函数（兼容utf-8和gb2312）

2009/05/02 PHP

php获取textarea的值并处理回车换行的方法

2014/10/20 PHP

javascript的onchange事件与jQuery的change()方法比较

2009/09/28 Javascript

JS模拟自动点击的简单实例

2013/08/08 Javascript

jQuery实现表格行上下移动和置顶效果

2015/06/05 Javascript

Node.js Addons翻译(C/C++扩展)

2016/06/12 Javascript

基于js里调用函数时,函数名带括号和不带括号的区别

2016/07/28 Javascript

js 转json格式的字符串为对象或数组(前后台)的方法

2016/11/02 Javascript

vue双向绑定的简单实现

2016/12/22 Javascript

详解使用fetch发送post请求时的参数处理

2017/04/05 Javascript

javascript 的变量、作用域和内存问题

2017/04/19 Javascript

详解在Angularjs中ui-sref和$state.go如何传递参数

2017/04/24 Javascript

关于js中的鼠标事件总结

2017/07/11 Javascript

js数据类型检测总结

2018/08/05 Javascript

vue2.0项目集成Cesium的实现方法

2019/07/30 Javascript

js遍历详解(forEach, map, for, for...in, for...of)

2019/08/28 Javascript

layui将table转化表单显示的方法(即table.render转为表单展示)

2019/09/24 Javascript

基于js实现逐步显示文字输出代码实例

2020/04/02 Javascript

js正则表达式简单校验方法

2021/01/03 Javascript

手写Vue源码之数据劫持示例详解

2021/01/04 Vue.js

[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

Python中optparse模块使用浅析

2015/01/01 Python

Python的collections模块中的OrderedDict有序字典

2016/07/07 Python

详解Python各大聊天系统的屏蔽脏话功能原理

2016/12/01 Python

wxpython绘制音频效果

2019/11/18 Python

numpy:找到指定元素的索引示例

2019/11/26 Python

Python3将jpg转为pdf文件的方法示例

2019/12/13 Python

python3下pygame如何实现显示中文

2020/01/11 Python

Django后台管理系统的图文使用教学

2020/01/20 Python

一篇文章教你用python画动态爱心表白

2020/11/22 Python

浅析Python模块之间的相互引用问题

2021/02/26 Python

机电专业个人自荐信格式模板

2013/09/23 职场文书

幼儿园安全生产月活动总结

2014/07/05 职场文书

党员自我评议对照检查材料

2014/09/27 职场文书

法院答辩状格式

2015/05/22 职场文书

优秀党员先进事迹材料2016

2016/02/29 职场文书