编程 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 相关文章推荐

修复iPhone的safari浏览器上submit按钮圆角bug

Dec 24 HTML / CSS

一款纯css3实现的颜色渐变按钮的代码教程

Nov 12 HTML / CSS

CSS3 :not()选择器实现最后一行li去除某种css样式

Oct 19 HTML / CSS

css3类选择器之结合元素选择器和多类选择器用法

Mar 09 HTML / CSS

HTML5 canvas基本绘图之绘制矩形

Jun 27 HTML / CSS

HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)

Jun 03 HTML / CSS

HTML5 对各个标签的定义与规定：body的介绍

Jun 21 HTML / CSS

HTML5 video播放器全屏(fullScreen)方法实例

Apr 24 HTML / CSS

整理HTML5中表单的常用属性及新属性

Feb 19 HTML / CSS

Html5百叶窗效果的示例代码

Dec 11 HTML / CSS

详解HTML5中的picture元素响应式处理图片

Jan 03 HTML / CSS

amaze ui 的使用详细教程

Aug 19 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 双链表(SplDoublyLinkedList)简介和使用实例

2015/05/12 PHP

PHP mysqli事务操作常用方法分析

2017/07/22 PHP

php实现大文件断点续传下载实例代码

2019/10/01 PHP

php多进程并发编程防止出现僵尸进程的方法分析

2020/02/28 PHP

根据分辨率不同，调用不同的css文件

2006/08/25 Javascript

jquery中对表单的基本操作代码

2010/07/29 Javascript

Javascript中判断变量是数组还是对象(array还是object)

2013/08/14 Javascript

浅谈javascript六种数据类型以及特殊注意点

2013/12/20 Javascript

jQuery select表单提交省市区城市三级联动核心代码

2014/06/09 Javascript

在JavaScript里防止事件函数高频触发和高频调用的方法

2014/09/06 Javascript

PHPExcel中的一些常用方法汇总

2015/01/23 Javascript

jQuery网页选项卡插件rTabs用法实例分析

2015/08/26 Javascript

JS实现带有3D立体感的银灰色竖排折叠菜单代码

2015/10/20 Javascript

谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法

2015/12/03 Javascript

深入理解js generator数据类型

2016/08/16 Javascript

本地存储localStorage用法详解

2017/07/31 Javascript

详解AngularJS跨页面传值（ui-router）

2017/08/23 Javascript

Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)

2018/10/28 Javascript

记一次Vue.js混入mixin的使用(分权限管理页面)

2019/04/17 Javascript

操作按钮悬浮固定在微信小程序底部的实现代码

2019/08/02 Javascript

[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19

2020/11/19 DOTA

Python实现把utf-8格式的文件转换成gbk格式的文件

2015/01/22 Python

Python IDE PyCharm的基本快捷键和配置简介

2015/11/04 Python

Python打包文件夹的方法小结(zip,tar,tar.gz等)

2016/09/18 Python

python 获取网页编码方式实现代码

2017/03/11 Python

Python迭代器和生成器定义与用法示例

2018/02/10 Python

django admin 后台实现三级联动的示例代码

2018/06/22 Python

Python 处理图片像素点的实例

2019/01/08 Python

详解Python3 基本数据类型

2019/04/19 Python

Python+pyftpdlib实现局域网文件互传

2020/08/24 Python

马来西亚时装购物网站：ZALORA马来西亚

2017/03/14 全球购物

杭州联环马网络笔试题面试题

2013/08/04 面试题

计算机应用专业应届毕业生中文求职信范文

2013/11/29 职场文书

通信工程专业求职信

2014/06/04 职场文书

CSS使用伪类控制边框长度的方法

2022/01/18 HTML / CSS

SpringBoot全局异常处理方案分享

2022/05/25 Java/Android