怎样使用H5调用摄像头

2020-11-27 来源：个人技术集锦

这次给大家带来怎样使用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('video'); 
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('Reeeejected!', e); 
}); 
</script> 
<html>

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

全部栏目

怎样使用H5调用摄像头