html5 permissions api仅用于查询摄像头权限状态（granted/denied/prompt），不控制开关；开启需getusermedia获取流并赋给video.srcobject；动态开关通过videotrack.enabled实现；彻底关闭需stop所有轨道并置空srcobject。
HTML5 的 Permissions API 本身不能直接开启或关闭摄像头，它只用于查询或提示用户授予/拒绝某项权限（如摄像头、麦克风）的状态，真正的媒体流控制由 MediaDevices.getUserMedia() 和 MediaStream 的轨道（track）管理。动态开关摄像头，核心在于控制视频轨道的 enabled 属性或停止整个流。
1. 用 Permissions API 查询摄像头权限状态
在调用摄像头前，可先检查当前权限级别，避免重复请求或无效操作：
-
"granted"：已授权，可直接调用getUserMedia -
"denied"：被用户明确拒绝，无法再次弹窗请求（需引导用户手动设置） -
"prompt"：未授也未拒，下次调用getUserMedia会触发浏览器权限弹窗
示例代码：
// 检查摄像头权限
navigator.permissions.query({ name: 'camera' })
.then(result => {
console.log('摄像头权限状态:', result.state); // "granted", "denied", "prompt"
if (result.state === 'granted') {
startCamera();
} else if (result.state === 'prompt') {
// 可选择立即触发 getUserMedia 来唤起弹窗
startCamera();
}
});
2. 开启摄像头：获取媒体流并绑定到 video 元素
调用 getUserMedia 获取视频流，并将其赋给 <video></video> 的 srcObject：
let stream = null;
async function startCamera() {
try {
stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: false });
const video = document.getElementById('myVideo');
video.srcObject = stream;
video.play(); // 确保自动播放（部分浏览器需要用户交互后才允许）
} catch (err) {
console.error('开启摄像头失败:', err.name, err.message);
}
}
3. 动态关闭/开启摄像头（不释放流）
只需操作视频轨道的 enabled 属性，即可静音式“关闭”画面（不中断流，低开销）：
- 关闭：遍历
stream.getVideoTracks()，设track.enabled = false - 开启：设
track.enabled = true
function toggleCamera() {
if (!stream) return;
const videoTrack = stream.getVideoTracks()[0];
if (videoTrack) {
videoTrack.enabled = !videoTrack.enabled;
}
}
// 调用 toggleCamera() 即可切换显示/隐藏画面
4. 彻底关闭摄像头（释放设备）
当不再需要摄像头时，应停止所有轨道并清除 srcObject，释放硬件资源：
function stopCamera() {
if (stream) {
stream.getTracks().forEach(track => track.stop());
stream = null;
}
const video = document.getElementById('myVideo');
video.srcObject = null;
}
大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！
