怎样使用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中文网其它相关文章!

阅读剩余部分

相关阅读 >>

HTML5 touch事件实现触屏页面上下滑动

HTML5中messageevent以及sse的规范

HTML5多线程javascript解决方案web worker-专用worker和共享worker的详细代码介绍

如何在微信端HTML5页面调用分享接口

HTML5和flash的区别有哪些

HTML5是什么语言

HTML5支持所有音频格式吗

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

HTML5在线预览pdf格式的代码

HTML5怎样进行跨域通信

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




打赏

取消

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

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

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

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

评论

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