HTML5调用摄像头的示例代码分享

PHP中文网 JavaScript

本文摘自PHP中文网，作者黄舟，侵删。

下面小编就为大家带来一篇h5调用摄像头的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!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>

以上就是HTML5调用摄像头的示例代码分享的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

（server-sent events）浅谈h5 中的服务器推送事件

总结HTML5表单(二) input type 各种输入, 各种用户选择,上传

HTML5 地理定位

HTML5 web 存储详解

HTML5第一人称射击游戏实现的代码分享

用h5的canvas做恐怖动画

HTML5面向对象的游戏开发简单实例分享

详解HTML5网络拓扑图整合openlayers实现gis地图应用（图）

HTML5新增了哪些标签和属性？新增了标签和属性（总结）

解析HTML5应用程序缓存application cache

更多相关阅读请进入《HTML5》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...