h5获取浏览器的相机和摄像头权限

检查与使用getUserMedia方法

最新推荐文章于 2025-07-26 13:02:50 发布

转载最新推荐文章于 2025-07-26 13:02:50 发布 · 1.4w 阅读

文章标签：

#js获取相机权限

js 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何检测浏览器是否支持getUserMedia方法，并演示了如何使用该方法请求访问用户的摄像头和麦克风。当网页使用此方法时，浏览器会询问用户是否同意调用设备的媒体输入设备。如果用户同意，则调用onSuccess回调；如果拒绝，则调用onError回调。

检查浏览器是否支持getUserMedia方法：

navigator.getUserMedia  = navigator.getUserMedia ||
                          navigator.webkitGetUserMedia ||
                          navigator.mozGetUserMedia ||
                          navigator.msGetUserMedia;

if (navigator.getUserMedia) {
    // 支持
} else {
    // 不支持
}

使用getUserMedia方法：

navigator.getUserMedia({video: true,audio:true}, function onSuccess(stream) {
    console.log('已点击允许,开启成功');
}, function onError(error) {
    console.log("错误：", error);
});