编程 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实现简易版的刮刮乐效果

Sep 27 HTML / CSS

css3中用animation的steps属性制作帧动画

Apr 25 HTML / CSS

CSS3实现圆角、阴影、透明效果并兼容各大浏览器

Aug 08 HTML / CSS

纯css3实现鼠标经过图片显示描述的动画效果

Sep 01 HTML / CSS

布局和排版教程纯css3实现图片三角形排列

Oct 17 HTML / CSS

CSS3中使用RGBA设置透明度的示例

Aug 04 HTML / CSS

利用CSS3实现文字折纸效果实例代码

Jul 10 HTML / CSS

HTML5的结构和语义(5):交互

Oct 17 HTML / CSS

html5中canvas学习笔记2-判断浏览器是否支持canvas

Jan 06 HTML / CSS

html2canvas把div保存图片高清图的方法示例

Mar 05 HTML / CSS

使用iframe+postMessage实现页面跨域通信的示例代码

Jan 14 HTML / CSS

canvas 绘图时位置偏离的问题解决

Sep 16 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中curl和file_get_content的区别

2014/05/10 PHP

WordPress中is_singular()函数简介

2015/02/05 PHP

如何写php守护进程（Daemon）

2015/12/30 PHP

php探针使用原理和技巧讲解

2019/09/17 PHP

javascript 动态调整图片尺寸实现代码

2009/12/28 Javascript

JQuery 自定义CircleAnimation，Animate方法学习笔记

2011/07/10 Javascript

javascript日期对象格式化为字符串的实现方法

2014/01/14 Javascript

分享20个提升网站界面体验的jQuery插件

2014/12/15 Javascript

JavaScript实现的多种鼠标拖放效果

2015/11/03 Javascript

BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案

2016/12/14 Javascript

输入框点击时边框变色效果的实现方法

2016/12/26 Javascript

完美的js图片轮换效果

2017/02/05 Javascript

jQuery分页插件jquery.pagination.js使用方法解析

2017/02/09 Javascript

解决Vue-cli npm run build生产环境打包,本地不能打开的问题

2018/09/20 Javascript

Electron 如何调用本地模块的方法

2019/02/01 Javascript

Python列表(list)、字典(dict)、字符串(string)基本操作小结

2014/11/28 Python

11个并不被常用但对开发非常有帮助的Python库

2015/03/31 Python

python中的闭包用法实例详解

2015/05/05 Python

python判断字符串编码的简单实现方法(使用chardet)

2016/07/01 Python

Python 使用os.remove删除文件夹时报错的解决方法

2017/01/13 Python

Python实现的简单读写csv文件操作示例

2018/07/12 Python

Python爬取商家联系电话以及各种数据的方法

2018/11/10 Python

python实现简单名片管理系统

2018/11/30 Python

Python发展史及网络爬虫

2019/06/19 Python

在python3中实现查找数组中最接近与某值的元素操作

2020/02/29 Python

pyinstaller打包找不到文件的问题解决

2020/04/15 Python

Pycharm如何自动生成头文件注释

2020/11/14 Python

Python OpenCV中的numpy与图像类型转换操作

2020/12/11 Python

selenium如何定位span元素的实现

2021/01/13 Python

国际化的太阳镜及太阳镜配件零售商：Sunglass Hut

2016/07/26 全球购物

八年级美术教学反思

2014/02/02 职场文书

甜品蛋糕店创业计划书范文

2014/02/06 职场文书

高等教育专业自荐信范文

2014/03/26 职场文书

2015年监理个人工作总结

2015/05/23 职场文书

增值税发票丢失证明

2015/06/19 职场文书

初中团支书竞选稿

2015/11/21 职场文书