网页录音时的麦克风权限问题解决

来源 | https://www.html.cn/web/html/19184.html

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

在本地中打开的时候，谷歌、火狐、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打开麦克风权限录音_网页录音时的麦克风权限问题解决
在我们进行网页制作时可能会遇到需要录音的情况,而在进行网页录音时又有可能会遇到麦克风权限问题导致无法录音,本文就来为大家介绍一下如何解决麦克风权限问题. 在本地中打开的时候,谷歌.火狐.opera.E ...
h5打开麦克风权限录音_h5打开麦克风权限录音_通过H5实现html页面的录音和播放（Recorder用于html5录音）......
varrec;/**调用open打开录音请求好录音权限**/ var recOpen=function(success){//一般在显示出录音按钮或相关的录音界面时进行此方法调用,后面用户点击开始录音 ...
android麦克风监听动画效果,微信小程序实现录音时的麦克风动画效果实例
前言这个简单的麦克风demo的创意是来源于"包你说"中的录音效果,实现的方式其实也并不难,但对于小程序中的简易动画的使用的确很实用. 效果先来看个demo,gif帧数比较低,实 ...
vue获取麦克风_微信小程序实现录音时的麦克风动画效果实例
前言这个简单的麦克风demo的创意是来源于"包你说"中的录音效果,实现的方式其实也并不难,但对于小程序中的简易动画的使用的确很实用. 效果先来看个demo,gif帧数比较低,实 ...
h5打开麦克风权限录音_h5打开麦克风权限录音_原来电脑上自带录音功能，很多人还不知道，真的太实用了......
众所周知,我们的手机上一般都会带有录音功能,那么如果你使用的是电脑,想要在电脑上录音该怎么办呢?下面就来教你两种方法. 一.系统自带录音 1.这里就以Win10系统为例,首先按下组合键[Win+S], ...
h5打开麦克风权限录音_手机使用应用时总是需要获取权限，这3个权限不能随意给，望周知...
我们在使用手机应用时,总是会收到此应用需要某些权限的弹窗提示,大部分所选择的选项都是全部允许,但是我们这番操作真的正确吗? 当我们允许手机应用获取这些权限后,就说明此应用能够通过我们的手机获取我们手机 ...
h5打开麦克风权限录音_微信H5录音实现
HTML5原生是提供了音频录音的支持的,用到的是这个API--getUserMedia,然而--感人的是,iOS Safari & Safari 直接不支持,面对着庞大的水果系用户,这个方案显 ...
h5打开麦克风权限录音_通过H5实现html页面的录音和播放（Recorder用于html5录音）...
varrec;/**调用open打开录音请求好录音权限**/ var recOpen=function(success){//一般在显示出录音按钮或相关的录音界面时进行此方法调用,后面用户点击开始录音 ...
android麦克风录音权限设置,小米9 SE怎么设置麦克风权限小米9 SE打开录音权限的设置方法...
小米9 SE怎么设置麦克风权限?平时我们用小米9 se第一次打开软件时,会遇到要打开麦克风权限的提示,如果第一次拒绝了这个麦克风权限的话,后面要打开,就需要来进行设置一下了,今天新机汇小编为大家分享一 ...
h5打开麦克风权限录音_原来电脑上自带录音功能，很多人还不知道，真的太实用了...
众所周知,我们的手机上一般都会带有录音功能,那么如果你使用的是电脑,想要在电脑上录音该怎么办呢?下面就来教你两种方法. 一.系统自带录音 1.这里就以Win10系统为例,首先按下组合键[Win+S], ...

网页录音时的麦克风权限问题解决

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

最新文章

热门文章