h5调用摄像头的实现方法

admin html5 2022-02-06 02:15:09 h5 调用摄像头"

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

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