This commit is contained in:
2025-08-22 11:24:40 +08:00
parent ee53250d00
commit 0a03c28963
3 changed files with 25 additions and 1 deletions

View File

@@ -0,0 +1,24 @@
https://zhuanlan.zhihu.com/p/498950811
chrome下获取浏览器录音功能因为安全性问题需要在localhost或127.0.0.1或https下才能获取权限 解决方案
最近在调试讯飞的语音转写功能,本地开发完成后,发到开发环境调试时,报了下面的问题:
如图所示浏览器要求你在本地或者https安全的情况下才能使用麦克风权限所以要想解决问题就需要使用https这个可以之后再演示或生产环境来解决。那么我们在开发环境还怎么优先使用麦克风权限呢我们可以对浏览器进行简单的设置来先获取权限继续进行语音转写操作。
![](https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/BlogImages/%7Byear%7D/%7Bmonth%7D/%7Bmd5%7D.%7BextName%7D/20250822112400764.png)
首先,复制下方的内容在谷歌浏览器的地址栏,回车:
```
chrome://flags/#unsafely-treat-insecure-origin-as-secure
```
然后设置出现的选项为Enabled
并在下方的输入框中将你开发环境的IP地址放进去。
![](https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/BlogImages/%7Byear%7D/%7Bmonth%7D/%7Bmd5%7D.%7BextName%7D/1755832865562_929B303D-24D7-41b7-8A3D-439A1F0E0962.png)
最后点击右下角的 Relaunch 按钮,完成设置
这是浏览器会重启,此时你可以使用麦克风权限了~

View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学伴切换示例</title> <title>学伴小智</title>
<style> <style>
.model-selector { .model-selector {
position: fixed; top: 20px; left: 20px; z-index: 1000; position: fixed; top: 20px; left: 20px; z-index: 1000;