h5调用摄像头的实现方法

1. !DOCTYPE html>   
2. html lang="zh-CN">   
3. head>   
4. meta charset="UTF-8">   
5. tITle> GetUserMedia实例/title>   
6. /head>   
7. body>   
8. video id="video" autoplay> ideo>   
9. /body>   
10. script type="text/javascript">   
11. VAR getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);   
12. getUserMedia.call(navigator, {   
13. video: true,   
14. audio: true   
15. } , function(localMediaStream) {   
16. var video = document.getElementById('video');   
17. video.src = window.URL.createObjectURL(localMediaStream);   
18. video.onloadedmetadata = function(e) {   
19. console.LOG("Label: " + localMediaStream.label);   
20. console.log("AudioTracks" , localMediaStream.getAudioTracks());   
21. console.log("VideoTracks" , localMediaStream.getVideoTracks());   
22. } ;   
23. } , function(e) {   
24. console.log('Reeeejected!', e);   
25. } );   
26. /script>   
27. html>   
28.   

以上这篇h5调用摄像头的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！