您的位置：首页 > 编程语言

实现一个简单的摄像功能（不带传输数据）代码片段

2016-02-25 12:57 621 查看
下面用H5的video实现了简单的录像功能，没涉及到数据的传输，因为没有后端，只是一个简单的demo，想做视屏的同学可以用来参考参考。

技术的关键点在就在navigator上，因为navigator在不同浏览器对于打开摄像头的属性是不一样的，详情请看以下代码：

<!DOCTYPE html>
<html>
<head>
<title>camera</title>
</head>
<body>
<video id="video" autoplay>
</video>
</body>
<script type="text/javascript">
var video =document.getElementById('video');
navigator.getMedia = ( navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia);
navigator.getMedia({video:true},function(stream){
video.src = window.webkitURL.createObjectURL(stream);
},function(error){alert(error)})
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  录像功能 视频
相关文章推荐
新的分享
章节导航