怎样使用H5调用摄像头

来源：懂视网责编：小采时间：2020-11-27 15:06:40

怎样使用H5调用摄像头

怎样使用H5调用摄像头:这次给大家带来怎样使用H5调用摄像头，H5调用摄像头的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"

推荐度：

点击下载本文 文档为doc格式

导读怎样使用H5调用摄像头:这次给大家带来怎样使用H5调用摄像头，H5调用摄像头的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"

这次给大家带来怎样使用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调用摄像头

推荐度：

点击下载本文 文档为doc格式

标签：摄像头如何怎么

热门焦点

怎样使用H5调用摄像头

怎样使用H5调用摄像头

怎样使用H5调用摄像头

最新推荐

猜你喜欢

热门推荐