HTML5调用摄像头的示例代码分享

百变鹏仔 3个月前 (10-18) #H5教程

文章标签示例

下面小编就为大家带来一篇h5调用摄像头的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

<!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(&#39;video&#39;);   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(&#39;Reeeejected!&#39;, e);   });   </script><html>

文章推荐

HTML5调用摄像头的示例代码分享

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集