下面小编就为大家带来一篇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>
以上就是html5调用摄像头的示例代码分享的详细内容。