html5如何实现调用摄像头

tangjin

作者

小编给大家分享一下html5如何实现调用摄像头，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

html是什么

html的全称为超文本标记语言，它是一种标记语言，包含了一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体，html文本是由html命令组成的描述性文本，html命令可以说明文字，图形、动画、声音、表格、链接等，主要和css+js配合使用并构建优雅的前端网页。

html5如何实现调用摄像头

html5实现调用摄像头的示例代码：

<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="UTF-8">
<title>GetUserMedia实例</title>
</head>
<body>
<videoid="video"autoplay><ideo>
</body>
<scripttype="text/javascript">
vargetUserMedia=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia);
getUserMedia.call(navigator,{
video:true,
audio:true
},function(localMediaStream){
varvideo=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>

以上是“html5如何实现调用摄像头”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道！

阅读全文

发布于 2021-03-13 15:41:09

html5