您现在的位置是：网站首页> 编程资料编程资料

h5调用摄像头的实现方法H5 meta小结(前端必看篇)浅谈h5自定义audio(问题及解决)H5自适应企业网站源码 asp版 v1.0.110个H5页面制作工具 H5工具功能全面评测织梦H5响应式门户网站源码 php版 v2.0微页h5制作工具怎么快速导入PSD源文件?百度H5是什么? 百度H5基本使用技巧h5输入框提示语 + 正常文本框提示语的实现方法

2021-08-31 1297人已围观

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

XML/HTML Code复制内容到剪贴板

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