十一、Chrome浏览器中录音机功能无法打开而localhost访问正常问题解析

知识库项目开发中遇到了一个问题,使用Recorder.js录音功能本地localhost访问正常,而部署至服务器外网访问时,出现了浏览器不支持的错误日志。找了一些资料后,才得以解决,特此记录。

if (
        navigator.userAgent.toLowerCase().match(/chrome/) &&
        location.origin.indexOf('https://') < 0
      ) {
        alert(
          'chrome下获取浏览器录音功能,因为安全性问题,需要在localhost或127.0.0.1或https下才能获取权限'
        );
      } else {
        alert('无法获取浏览器录音功能,请升级浏览器或使用chrome');
      }

由于Chrome遵循HTTPS协议,对于不安全的HTTP网站,浏览器本身自动禁用了麦克风等功能,且无法修改。而对于localhost访问开放。

网上有的解决方案是修改浏览器的目标值,但对于产品来说是不现实的,暂时采用的解决方案为为网站增加HTTPS协议,保证麦克风功能的正常使用。
————————————————

原文链接:https://blog.csdn.net/Tom_lose_Cat/article/details/100537492

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容