本文主要包含html5,摄像头,调用等相关知识,匿名希望在学习及工作中可以帮助到您
这次给大家带来怎样使用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>相信看了这些案例你已经掌握了方法，更多精彩请关注微课江湖其它相关文章！
相关阅读：
vue.js的语法及常用指令的详解
bootstrap里如何统计table sum的数量
vue.js todolist如何实现
以上就是怎样使用H5调用摄像头的详细内容，更多请关注微课江湖其它相关文章！