编程 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的定位页面元素

Aug 29 HTML / CSS

使用css3匹配手机屏幕横竖状态

Jan 27 HTML / CSS

CSS3实现文本垂直排列的方法

Jul 10 HTML / CSS

HTML5重塑Web世界它将如何改变互联网

Dec 17 HTML / CSS

HTML5 Canvas draw方法制作动画效果示例

Jul 11 HTML / CSS

HTML5 input元素类型：email及url介绍

Aug 13 HTML / CSS

阻止移动设备(手机、pad)浏览器双击放大网页的方法

Jun 03 HTML / CSS

HTML5的Video标签有部分MP4无法播放的问题解析（多图）

Aug 18 HTML / CSS

Web前端：CSS最强总结附详细代码

Mar 31 HTML / CSS

CSS3 实现的图片悬停的切换按钮

Apr 13 HTML / CSS

CSS布局之浮动(float)和定位(position)属性的区别

Sep 25 HTML / CSS

浅析CSS在DevTools 中架构演变

Oct 05 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 生成N个不重复的随机数

2015/01/21 PHP

Ubuntu彻底删除PHP7.0的方法

2018/07/27 PHP

php使用pthreads v3多线程实现抓取新浪新闻信息操作示例

2020/02/21 PHP

使用indexOf等在JavaScript的数组中进行元素查找和替换

2013/09/18 Javascript

红米手机抢购的js代码

2014/03/10 Javascript

JQuery中extend使用介绍

2014/03/13 Javascript

jquery新的绑定事件机制on方法的使用方法

2014/04/15 Javascript

javascript解析json数据的3种方式

2014/05/08 Javascript

javascript使用appendChild追加节点实例

2015/01/12 Javascript

JavaScript日期时间与时间戳的转换函数分享

2015/01/31 Javascript

基于jQuery+Cookie实现的防止刷新的在线考试倒计时

2015/06/19 Javascript

javascript实现动态导入js与css等静态资源文件的方法

2015/07/25 Javascript

javascript正则表达式中分组详解

2016/07/17 Javascript

Ajax+FormData+javascript实现无刷新表单信息提交

2016/10/24 Javascript

elemetUi 组件--el-upload实现上传Excel文件的实例

2017/10/27 Javascript

详解基于vue的服务端渲染框架NUXT

2018/06/20 Javascript

vue系列之requireJs中引入vue-router的方法

2018/07/18 Javascript

解决vue中post方式提交数据后台无法接收的问题

2018/08/11 Javascript

vue设计一个倒计时秒杀的组件详解

2019/04/06 Javascript

JS轮播图的实现方法2

2020/08/25 Javascript

[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17

2018/08/20 DOTA

Python3中类、模块、错误与异常、文件的简易教程

2017/11/20 Python

Odoo中如何生成唯一不重复的序列号详解

2018/02/10 Python

Python实现抓取HTML网页并以PDF文件形式保存的方法

2018/05/08 Python

如何用python整理附件

2018/05/13 Python

基于scrapy的redis安装和配置方法

2018/06/13 Python

使用python将mysql数据库的数据转换为json数据的方法

2019/07/01 Python

Python Subprocess模块原理及实例

2019/08/26 Python

Python 异步协程函数原理及实例详解

2019/11/13 Python

Keras 中Leaky ReLU等高级激活函数的用法

2020/07/05 Python

英国领先的游戏零售商：GAME

2019/09/24 全球购物

应届护士推荐信

2013/11/16 职场文书

煤矿安全演讲稿

2014/05/09 职场文书

幼儿园科学课教学反思

2016/03/03 职场文书

浅析Django接口版本控制

2021/06/26 Python

豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021

2022/03/18 日漫