简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > H5教程 > 正文

HTML5调用摄像头的示例代码分享

黄舟
发布： 2017-03-20 15:39:21
原创
2819 人浏览过

下面小编就为大家带来一篇h5调用摄像头的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

<!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(&#39;video&#39;);   
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(&#39;Reeeejected!&#39;, e);   
});   
</script>
<html>
登录后复制

以上是HTML5调用摄像头的示例代码分享的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
HTML5，摄像头
来源：php.cn
上一篇：关于老式浏览器兼容HTML5和CSS3的问题详解 下一篇：实现HTML5拖拽的示例代码
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
FastAPI 和 OpenCV：为尖端视频流应用程序提供动力 我正在尝试渲染一个HTML页面，该页面显示来自网络摄像头的视频流。但是，我面临以下错误：500ServerErrorTypeError:TemplateResponse()miss...
来自于 2023-10-26 19:57:54
0
1
327
使用 React 传递数据 在“CameraPage.tsx”下面的代码中，做了一个逻辑，其功能是搜索摄像头图像，很简单，只是发出一个GET请求，搜索后端注册的图像，稍后会介绍前端显示，操作正确。当用户单击“...
来自于 2023-09-14 20:43:08
0
1
245
使用 React 在图像上放置交互式标记 请帮忙。我有一个像下图这样的图像显示在主页上（一个更大的图像）。请注意，“FORGE”房屋的中间有一个白色和蓝色标记，并带有黑色箭头。“出租”房屋也是如此。这些标记中的每一个都将充...
来自于 2023-09-08 21:25:41
0
1
379
如何在反应中同时录制屏幕和视频？ 我想使用react-media-recorder录制屏幕以及要录制的相机视频，然后将其变成一个视频以便播放。我录制了，但我使用了两个视频元素来显示播放它们。但我想将它们组合起来。与...
来自于 2023-09-07 21:05:52
0
1
293
XHTML中移除图像标签中的闭合斜杠'/' 我有一个存储图像的字符串txt1。它的值是XHTML格式，即元素已关闭：。但我需要删除该关闭斜杠，因此它可以是就像HTML5中一样。有没有办法做到这一点。
来自于 2023-09-06 12:15:38
0
1
240
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！