vue3调用摄像头，做校验，没有摄像头或者不成功，提示用户

最新推荐文章于 2024-02-21 16:07:55 发布

一个热爱前端的小胖子

最新推荐文章于 2024-02-21 16:07:55 发布

阅读量705

点赞数 1

分类专栏： vue3 文章标签：数码相机

本文链接：https://blog.csdn.net/weixin_70243424/article/details/131892722

版权

vue3 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

// 检查浏览器是否支持getUserMedia方法
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
  // 请求访问相机设备
  navigator.mediaDevices.getUserMedia({ video: true })
    .then(function(stream) {
      // 相机访问成功，做后续操作
    })
    .catch(function(error) {
      if (error.name === 'NotAllowedError' || error.name === 'NotFoundError') {
        // 用户未授权相机访问或者没有可用设备
        alert('请允许访问相机并确保设备已连接');
      } else {
        // 其他错误
        alert('启动相机时出错：' + error.message);
      }
    });
} else {
  // 浏览器不支持getUserMedia方法
  alert('您的浏览器不支持该功能，请更换浏览器或升级至最新版本');
}