在我们进行网页制作时可能会遇到需要录音的情况,而在进行网页录音时又有可能会遇到麦克风权限问题导致无法录音,本文就来为大家介绍一下如何解决麦克风权限问题。

在本地中打开的时候,谷歌、火狐、opera、Edge都是可以打开权限进行录音的(IE不行)。

具体的实现大概如下图:

但是在上线之后只有Edge可以录音,谷歌、狐火、Opera都不行,具体如下:

最后在查找的时候,发现是权限问题:

方法一:由于H5调用摄像头麦克风有权限问题,解决办法是发布的程序使用https协议(不采用http协议)

方法二:新版Chrome中,http协议的网站由于安全原因不能访问本地的麦克风(或摄像头),如果该网站不支持https协议 ,可以使用一下解决方案:

右键点击Chrome桌面快捷方式,打开“属性”

在“快捷方式”——“目标”中的最后输入这行代码:--unsafely-treat-insecure-origin-as-secure="http://59.110.233.192:8080/video/"

其中http://59.110.232.192:8080/video/ 替换成你要是用麦克风(或摄像头)的网站剧可以了!

更多相关知识请关注前端学习网站

h5打开麦克风权限录音_网页录音时的麦克风权限问题解决相关推荐

  1. python 麦克风人声检测_【录音技巧】如何为人声录音 ,防止喷麦

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 - 用手握麦克风的困难 当歌手坚持要用手握着麦克风进行无拘无束的演唱时,你该怎样做呢?的确,有时用手拿着麦克风可以得到最佳的效果.但是,你无法避免歌手握麦 ...

  2. div 设置a4大小_网页打印时设置A4大小

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  3. java 接口权限控制_手把手教你搞定权限管理,结合Spring Security实现接口的动态权限控制!...

    SpringBoot实战电商项目mall(30k+star)地址:github.com/macrozheng/- 摘要 权限控管理作为后台管理系统中必要的功能,mall项目中结合Spring Secu ...

  4. h5调用android录音,html5网页录音插件Recorder

    插件描述:html5 js 录音 mp3 wav ogg webm amr 格式,支持pc和Android.ios部分浏览器.和Hybrid App(提供Android IOS App源码),微信也是 ...

  5. h5跨域访问图片_网页保存为图片及高清截图的优化 | canvas跨域图片配置

    本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图. 这里有个栗子(请用微信打开,长按图片即可保存):3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能,常见于H ...

  6. 树莓派 python 录音_树莓派 录音问题

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 我用Python库里的pyaudio录制语音 录制频率8000的语音会报错. IOError: [Errno Invalid sample rate] - ...

  7. 设置网页打开默认全屏_网页打包成APP,macOS解锁刷少数派新姿势

    随着web端所能实现的功能.体验越来越完善,是否需要客户端成为网站管理者重新考虑的问题,尤其是对于一些资讯类信息流网站.例如少数派,移动端和桌面端网站的自适应做的非常完善,拥有iOS/Android双 ...

  8. mysql创建只读权限用户_新品速递 | Harbor 修复权限提升漏洞,MySQL Plus 支持密码强度校验以及审计功能...

    为了更好的服务 QingCloud 用户,我们推出了『产品速递』栏目,帮助大家梳理青小云家最近上线的新功能和新产品,供大家从中快速选择,得以应用. 1 Harbor On QingCloud 升级至 ...

  9. 手机能打开的表白代码_手机待机时间变短,掉电快?一串隐藏代码就能给手机补电...

    相信大家都有手机使用久了,续航能力不如以前的感受.特别是明明手机还有20%,突然就关机了,真是令人头秃! 造成这种现象的的原因是,一般手机使用 1 年以后,电池实际容量会下降,达不到原始出厂容量标准, ...

最新文章

  1. 微软Excel竟能实现CV算法:亚马逊工程师妙用,人脸检测、字符识别都不在话下...
  2. MyBatis-25MyBatis缓存配置【集成Redis】
  3. 打开高效文本编辑之门_Linux Awk自定义变量与操作符
  4. 【设计模式】三言两语 设计模式
  5. SuperSocket 2.0 Preview1 发布,.NET Socket服务器框架
  6. 前端学习(1762):前端调试值之如何让浏览器模拟传感器数据
  7. 哪吒汽车在售车型涨价3000-5000元
  8. Vision GUI programming products
  9. 3月2日 雾霾图像清晰化处理,第1人称相机世界的坐标系,焦距、焦点、调焦、超焦距、视场角、滑动变焦Dolly zooming,相机内参
  10. 小程序中间放大轮播图_微信小程序实现类3D轮播图
  11. 程序员必读书籍及导读指南
  12. 【转载】标准电阻阻值表及说明
  13. html中使用js实现福彩双色球随机选号
  14. EXCEL对比重复数据
  15. HTML meta标签使用介绍
  16. Android渠道包生成工具(支持V1、V2签名)
  17. 谈小米内忧外患的困境
  18. java excel row遍历空_用Java巧妙的解析Excel中的POI
  19. matlab空间计量模型AIC和SC,用Matlab进行空间计量模型SDM,SAR计算时的程序包
  20. iOS开发-DES加密解密算法

热门文章

  1. 软考高级-信息系统项目管理师计划制定及整体知识框架
  2. Django中QQ邮箱Smtp服务器的设置方法
  3. HOOK API入门之Hook自己程序的MessageBoxW
  4. c语言大一卷子及答案,C语言程序设计 试卷一及答案
  5. 华硕 键盘 快捷键-切换 无法输入中文符号
  6. 【力扣】188. 买卖股票的最好时机 IV
  7. Android知识之SDCard
  8. Android——浅析Activity过渡动画
  9. 文科学生计算机二级怎么考,文科生计算机二级都考哪些内容?谢谢
  10. 如何用迅雷【下载】百度云盘(百度云管家)的文件