h5调用摄像头 - _Smileヾ淡莣_H5之家 - 中国HTML5教程资源分享第一站

HTML5技术

h5调用摄像头 - _Smileヾ淡莣

字号+ 作者：H5之家来源：H5之家 2016-06-02 18:00 我要评论( )

!DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" titleGetUserMedia实例/title /head body video autoplayideo /body script type="text/javascript" var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>GetUserMedia实例</title>
</head>
<body>
<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>