JavaScript如何操作摄像头与麦克风？

JavaScript通过MediaDevices.getUserMedia()获取音视频流，传入{video:true}、{audio:true}或两者组合的约束对象，返回Promise，成功后将MediaStream赋给video.srcObject即可预览，需设autoplay和muted；可独立控制轨道启停与切换摄像头，权限拒绝时catch捕获错误，且必须HTTPS（localhost除外）。

JavaScript 通过 MediaDevices.getUserMedia() 获取摄像头和麦克风的媒体流，这是现代浏览器支持的标准 API，无需插件或第三方库即可实现音视频采集。

获取摄像头和麦克风权限

调用 navigator.mediaDevices.getUserMedia() 并传入约束对象，指定需要的媒体类型：

• 只开摄像头：{ video: true }
• 只开麦克风：{ audio: true }
• 同时开启：{ video: true, audio: true }

该方法返回 Promise，成功后得到一个 MediaStream 对象，可直接赋给 <video></video> 元素的 srcObject 属性播放画面（注意：不再用 URL.createObjectURL()，已废弃）。

在页面中显示实时画面

将获取到的流绑定到 <video></video> 标签上即可预览：

立即学习“Java免费学习笔记（深入）”；

const video = document.getElementById('myVideo');
navigator.mediaDevices.getUserMedia({ video: true })
  .then(stream => {
    video.srcObject = stream;
  })
  .catch(err => console.error('访问失败:', err));

登录后复制

确保 <video></video> 设置了 autoplay 和 muted（尤其在自动播放策略严格的浏览器中），否则可能静音或不启动。

标签： javascript java 浏览器 safari stream