<!doctype html>
<html lang="en">
<head>
<title>punchClock</title>
<meta charset="utf-8">
</head>
<body>
<script>
//摄像头实现功能
window.onload = function()
{
//进入页面调用getMedia方法
setTimeout(getMedia,0);
}
function getMedia() {
let constraints = {
//摄像头大小
video: {width: 200, height: 200},
//关闭video话筒false，开启true
audio: false
};
//获得video中的摄像头区域
let video = document.getElementById("video");
let promise = navigator.mediaDevices.getUserMedia(constraints);
promise.then(function (MediaStrea
Html获取pc端摄像头并拍照转换为base64
最新推荐文章于 2022-11-29 10:39:02 发布
本文展示了如何使用HTML5的navigator.mediaDevices.getUserMedia接口获取PC端摄像头内容，并通过canvas元素实时捕获视频帧，将其转换为Base64格式的图像。文章包含完整的JavaScript代码示例。
最低0.47元/天 解锁文章
扫一扫
2698
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
