h5调用摄像头的实现方法

前端技术 2023/09/06 HTML

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

本文地址：https://www.stayed.cn/item/15459

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

我的博客