编程 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弹性伸缩布局之box布局

Jul 12 HTML / CSS

CSS3中的opacity属性使用教程

Aug 19 HTML / CSS

非常震撼的纯CSS3人物行走动画

Feb 24 HTML / CSS

用React加CSS3实现微信拆红包动画效果

Mar 13 HTML / CSS

详解利用canvas实现环形进度条的方法

Jun 12 HTML / CSS

HTML5中的Article和Section元素认识及使用

Mar 22 HTML / CSS

用HTML5制作一个简单的桌球游戏的教程

May 12 HTML / CSS

HTML5到底会有什么发展?HTML5的前景展望

Jul 07 HTML / CSS

配置H5的滚动条样式的示例代码

Mar 09 HTML / CSS

做一个能自适应高度的textarea的示例代码

Sep 06 HTML / CSS

遮罩层 + Iframe实现界面自动显示的示例代码

Apr 26 HTML / CSS

CSS3中Animation实现简单的手指点击动画的示例

Jul 15 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缓存的详解

2013/05/15 PHP

PHP 如何利用phpexcel导入数据库

2013/08/24 PHP

PHP MVC框架skymvc支持多文件上传

2016/05/26 PHP

js tab 选项卡

2009/04/26 Javascript

JavaScript String.replace函数参数实例说明

2013/06/06 Javascript

iframe里的页面禁止右键事件的方法

2014/06/10 Javascript

jquery ui resize 中border-box的bug修正

2015/04/26 Javascript

JQuery实现动态添加删除评论的方法

2015/05/18 Javascript

JavaScript实现同一页面内两个表单互相传值的方法

2015/08/12 Javascript

谈谈AngularJs中的隐藏和显示

2015/12/09 Javascript

详解JavaScript模块化开发

2016/12/04 Javascript

JavaScript 值类型和引用类型的初次研究(推荐)

2017/07/19 Javascript

angularjs下ng-repeat点击元素改变样式的实现方法

2018/09/12 Javascript

Vue.js+cube-ui（Scroll组件）实现类似头条效果的横向滚动导航条

2019/06/24 Javascript

layui 上传图片返回图片地址的方法

2019/09/26 Javascript

解决vue watch数据的方法被调用了两次的问题

2020/11/07 Javascript

[02:00]DAC2018主宣传片——龙征四海，剑问东方

2018/03/20 DOTA

Python+AutoIt实现界面工具开发过程详解

2019/08/07 Python

python 非线性规划方式(scipy.optimize.minimize)

2020/02/11 Python

python入门之井字棋小游戏

2020/03/05 Python

python中的socket实现ftp客户端和服务器收发文件及md5加密文件

2020/04/01 Python

Django的ListView超详细用法(含分页paginate)

2020/05/21 Python

详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式

2021/01/24 Python

浅谈cookie和localStorage那些事

2019/08/27 HTML / CSS

浅谈amaze-ui中datepicker和datetimepicker注意的几点

2020/08/21 HTML / CSS

怎么样写好简历中的自我评价

2013/10/25 职场文书

银行纠风工作实施方案

2014/06/08 职场文书

小学生三分钟演讲稿

2014/08/18 职场文书

党支部先进事迹材料

2014/12/24 职场文书

初中差生评语

2014/12/29 职场文书

2015年世界卫生日活动总结

2015/02/09 职场文书

2015年党日活动总结范文

2015/03/25 职场文书

婚礼嘉宾致辞

2015/07/28 职场文书

初中体育课教学反思

2016/02/16 职场文书

MySQL数据迁移相关总结

2021/04/29 MySQL

nginx rewrite功能使用场景分析

2022/05/30 Servers