当前位置:首页 > 网站教程 > 内容列表

HTML5调用摄像头代码

点击次数:更新时间:2018-03-23 20:03:53【打印】【关闭】

HTML5调用摄像头代码
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调用摄像头的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

空间、网站业务联系QQ:2429256177 邮箱:beescms@163.com
客服

工作时间

周一至周日

8:00 - 18:00

在线客服

点击这里给我发消息 BUG反馈

点击这里给我发消息 网站建设

点击这里给我发消息 域名空间

点击这里给我发消息 授权服务

点击这里给我发消息 售前咨询

点击这里给我发消息 意见反馈

点击这里给我发消息 销售客服

联系手机

18288433386

powerd by BEESCMS