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调用摄像头的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持华域联盟。


声明：本站（华域联盟www.cnhackhy.com）所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。