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


本文摘自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调用摄像头的示例代码分享的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

HTML5 实现如何将两个矩形相互叠加

html中header定义什么意思

震惊!HTML5区块链游戏联盟成立,设立10亿级发展基金!

实例讲解h5移动开发ajax上传多张base64格式图片到服务器

h5手机扫码怎么实现

妙味课堂HTML5视频资料分享

h5编辑器核心思想的实例分析

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

ios加载HTML5 audio标签时遇到的问题分享

HTML5 canvas学习的实例介绍

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




打赏

取消

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

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

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

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

评论

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