h5调用摄像头的实现方法

XML/HTML Code复制内容到剪贴板

<!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>

以上这篇h5调用摄像头的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易采站长站。