H5：获取手机媒体设备权限，如麦克风、视频等

最新推荐文章于 2024-08-07 17:43:28 发布

前端-如此如此。

最新推荐文章于 2024-08-07 17:43:28 发布

阅读量1w

点赞数 8

分类专栏： web前端之H5

本文链接：https://blog.csdn.net/weixin_44136505/article/details/105248101

版权

本文介绍了在H5开发中如何获取手机的麦克风和视频等媒体设备权限，包括权限的申请和使用，适合需要进行多媒体交互的H5应用开发者阅读。

摘要由CSDN通过智能技术生成

简介

H5开发中，有的项目需要获取手机设备权限，如麦克风、视频。

具体实现

created() {
   
  if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) {
   
  this.getUserMedia({
    video: true, audio: true }); // 调用用户媒体设备，访问摄像头、录音
} else {
   
  console.log("你的浏览器不支持访问用户媒体设备");
}
},
method: {
   
  getUserMedi