h5调用摄像头的如何实现方法

山有山的沉稳厚重,一年四季却能以不同的色彩风光展示山的美丽。活泼的有单调的一面,安静的有变换的色彩。静与动的搭配,单调与精彩的结合,也就组成了最美的风景。
XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPEhtml>
  2. <htmllang="zh-CN">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>GetUserMedia实例</title>
  6. </head>
  7. <body>
  8. <videoid="video"autoplay><ideo>
  9. </body>
  10. <scripttype="text/javascript">
  11. vargetUserMedia=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia);
  12. getUserMedia.call(navigator,{
  13. video:true,
  14. audio:true
  15. },function(localMediaStream){
  16. varvideo=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>

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

您可能有感兴趣的文章
HTML5之高度塌陷问题的如何解决

html5笛卡尔心形曲线的如何实现

如何使用feDisplacementMap+feImage滤镜如何实现水波纹效果(计算动态值)

如何使用canvas对video视频某一刻截图功能

Canvas如何做个雪花屏版404的如何实现