当前位置： 移动技术网 > IT编程>网页制作>Html5 > h5调用摄像头的实现方法

h5调用摄像头的实现方法

2019年07月25日  | 移动技术网IT编程  | 我要评论
下面小编就为大家带来一篇h5调用摄像头的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧... 16-06-01
xml/html code复制内容到剪贴板
  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调用摄像头的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网