这次给大家带来怎样使用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调用摄像头的详细内容。
