谷歌浏览器网页录屏与音频捕获MediaStream权限设置

Chrome录屏无法捕获音频是常见问题——明明调用了录屏API，最终视频文件里却没有声音。问题通常出在MediaStream音频权限未正确授权、音频源未启用，或浏览器安全策略限制。以下步骤可帮助您同时录制音频与画面。

一、启用Chrome原生屏幕捕获API并授权音频权限

最直接的方法是调用navigator.mediaDevices.getDisplayMedia()——此API会弹出系统级录屏浮层，允许手动勾选是否共享音频。前提是页面必须运行在HTTPS协议或本地localhost环境。

首先确认当前网页地址以https://开头或为http://localhost。然后在浏览器控制台执行以下代码：

const stream = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: true });

浏览器会立刻弹出共享窗口，其中包含一个不起眼的复选框——“同时共享音频”。请记得勾选该复选框，再选择目标窗口或标签页，最后点击“共享”。如果未看到音频选项，说明当前Chrome版本默认未开启此实验功能，需前往chrome://flags手动启用。

二、在chrome://flags中启用音频捕获实验标志

Chrome出于版权风险考虑，默认关闭系统音频捕获。您需要手动开启一个实验标志，才能让getDisplayMedia()显示“共享音频”选项。

在地址栏输入chrome://flags并回车，然后在搜索框中输入"Audio capture"。找到名为"Enable audio capture in getDisplayMedia"的条目，点击右侧下拉菜单，选择Enabled，再点击底部出现的“Relaunch”按钮重启浏览器。完成上述操作后，音频选项应正常显示。

三、检查并重置站点媒体权限

另一种情况是：您以前在此网站上拒绝过麦克风或屏幕捕获权限，浏览器会记住该选择，之后不再弹窗询问。需要手动清除这些记录。

点击地址栏左侧的锁形图标或“不安全”标识，在弹出的面板中选择“网站设置”。向下滚动至“权限”区域，分别找到“麦克风”和“相机”（部分版本中屏幕捕获也归在相机权限下），将状态均改为“允许”，并确保“询问前”选项处于开启状态。修改后关闭该网站的所有标签页，重新打开并再次触发录屏请求，权限弹窗应重新出现。

四、验证MediaStream音频轨道是否激活

有时流对象已成功获取，但音频轨道处于静音或断开状态——例如系统音量被关闭、设备未连接或硬件未就绪。此时需在代码中主动检查。

获取stream后，在控制台输入：

console.log(stream.getAudioTracks());

如果返回空数组，说明音频未被授权；如果返回Track对象，则继续检查：

console.log(stream.getAudioTracks()[0].enabled, stream.getAudioTracks()[0].readyState);

若enabled为false，手动将其设为true：stream.getAudioTracks()[0].enabled = true;。若readyState为"ended"，说明音频流已断开，需重新请求流，或检查系统是否正常识别麦克风/扬声器设备。

五、绕过权限限制的本地调试方案

开发阶段若频繁被权限弹窗打断，可借助启动参数为Chrome添加白名单，将非安全来源视为安全来源。注意：此方法仅限本地测试，严禁用于生产环境。

先关闭所有Chrome进程（包括系统托盘中的后台服务）。然后在终端（以Windows为例）执行：

chrome.exe --unsafely-treat-insecure-origin-as-secure="http://localhost:8080" --user-data-dir=/tmp/chrome-test --unsafely-allow-protected-media-identifier-for-domain="localhost" --autoplay-policy=no-user-gesture-required

启动后访问http://localhost:8080，此时调用getDisplayMedia({audio:true})将不再受权限问题干扰。请注意：每次启动需指定独立的--user-data-dir路径，否则配置会冲突。此方式仅绕过安全策略，并非真正修复，因此业务代码仍需使用HTTPS协议。