怎样使用H5调用摄像头


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来怎样使用H5调用摄像头,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>

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

阅读剩余部分

相关阅读 >>

cookie的具体使用方法

图片懒加载是什么意思?图片懒加载的实现方法

HTML5使用四种方法实现移动页面自适应手机屏幕的方法总结

HTML5返回一个mediaerror对象的属性error

如何使用HTML5 canvas绘制文字

HTML5是什么意思

HTML5怎么添加图片动画效果

HTML5 canvas基本绘图之绘制矩形的示例代码详解

HTML5中五种存储方式的介绍

h5实现可缩放的时钟动画

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




打赏

取消

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

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

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

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

评论

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