编程 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实现Material Design效果

Mar 09 HTML / CSS

CSS3 text-shadow实现文字阴影效果

Feb 24 HTML / CSS

CSS3不透明度实例讲解

Apr 26 HTML / CSS

使用纯 CSS 创作一个脉动 loader效果的源码

Sep 28 HTML / CSS

css3使用animation属性实现炫酷效果(推荐)

Feb 04 HTML / CSS

css3 flex实现div内容水平垂直居中的几种方法

Mar 27 HTML / CSS

使用分层画布来优化HTML5渲染的教程

May 08 HTML / CSS

HTML5拖拽的简单实例

May 30 HTML / CSS

Html5实现移动端、PC端刮刮卡效果

Jun 30 HTML / CSS

详解移动端h5页面根据屏幕适配的四种方案

Apr 15 HTML / CSS

canvas绘制太极图的实现示例

Apr 29 HTML / CSS

小程序实现悬浮按钮的全过程记录

Oct 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

mysql limit查询优化分析

2008/11/12 PHP

php下网站防IP攻击代码，超级实用

2010/10/24 PHP

PHP的autoload自动加载机制使用说明

2010/12/28 PHP

Yii2创建多界面主题(Theme)的方法

2016/10/08 PHP

thinkPHP模板中for循环与switch语句用法示例

2016/11/30 PHP

php简单生成一组与多组随机字符串的方法

2017/05/09 PHP

PHP面向对象之领域模型+数据映射器实例(分析)

2017/06/21 PHP

JavaScript OOP类与继承

2009/11/15 Javascript

Array.prototype.slice.apply的使用方法

2010/03/17 Javascript

select、radio表单回显功能实现避免使用jquery载入赋值

2013/06/08 Javascript

Js判断参数(String,Array,Object)是否为undefined或者值为空

2013/11/04 Javascript

js判断undefined类型,undefined,null, 的区别详细解析

2013/12/16 Javascript

改变隐藏的input中value的值代码

2013/12/30 Javascript

自编jQuery插件实现模拟alert和confirm

2014/09/01 Javascript

js中遍历对象的属性和值的方法

2016/07/27 Javascript

AngularJS控制器之间的数据共享及通信详解

2016/08/01 Javascript

JavaScript实现的简单Tab点击切换功能示例

2018/07/06 Javascript

使用Vue 实现滑动验证码功能

2019/06/27 Javascript

React实现评论的添加和删除

2020/10/20 Javascript

[02:08]2018年度CS GO枪械皮肤设计大赛优秀作者-完美盛典

2018/12/16 DOTA

学习python (2)

2006/10/31 Python

python正则匹配抓取豆瓣电影链接和评论代码分享

2013/12/27 Python

Python访问MongoDB,并且转换成Dataframe的方法

2018/10/15 Python

对numpy中向量式三目运算符详解

2018/10/31 Python

在python环境下运用kafka对数据进行实时传输的方法

2018/12/27 Python

python连接打印机实现打印文档、图片、pdf文件等功能

2020/02/07 Python

Python如何使用turtle库绘制图形

2020/02/26 Python

django ORM之values和annotate使用详解

2020/05/19 Python

CSS3 不定高宽垂直水平居中的几种方式

2020/03/26 HTML / CSS

Bose法国官网：购买耳机、扬声器、家庭影院、专业音响

2017/12/21 全球购物

单位工作证明格式模板

2014/10/04 职场文书

公务员年度考核评语

2014/12/31 职场文书

2015大学生党员自我评价范文

2015/03/03 职场文书

2015年煤矿安全工作总结

2015/05/23 职场文书

Python爬虫进阶之Beautiful Soup库详解

2021/04/29 Python

一篇文章带你了解Python和Java的正则表达式对比

2021/09/15 Python