如何在托管Chromebook上通过书签修改Chrome特定标签页音频输出

可行方案：利用Chrome原生API实现 #

Chrome自带的HTMLMediaElement.setSinkId() API支持直接指定媒体元素的音频输出设备，不需要安装扩展或打开检查元素，完全可以做成书签代码实现你的需求。

书签代码制作 #

新建一个书签，把下面的代码复制粘贴到书签的「网址」栏：

javascript:(async () => {
  // 抓取页面里所有音频/视频元素
  const mediaElements = [...document.querySelectorAll('audio, video')];
  if (!mediaElements.length) {
    alert('页面没找到音频或视频元素');
    return;
  }
  try {
    // 获取所有音频输出设备
    const devices = await navigator.mediaDevices.enumerateDevices();
    const audioOutputs = devices.filter(d => d.kind === 'audiooutput');
    if (!audioOutputs.length) {
      alert('没检测到可选的音频输出设备');
      return;
    }
    // 让你选要切换到的设备
    const pick = prompt(
      '选要切换的音频输出设备:\n' + audioOutputs.map((d, i) => `${i+1}. ${d.label || '未知设备'}`).join('\n'),
      '1'
    );
    if (!pick || isNaN(pick) || pick <1 || pick > audioOutputs.length) {
      alert('选择无效');
      return;
    }
    const targetId = audioOutputs[parseInt(pick)-1].deviceId;
    // 给所有媒体元素设置输出设备
    mediaElements.forEach(el => {
      if (el.setSinkId) {
        el.setSinkId(targetId).catch(err => alert(`切换失败: ${err.message}`));
      } else {
        alert('当前浏览器不支持音频输出切换');
      }
    });
    alert('音频输出已切换');
  } catch (err) {
    alert(`获取设备列表失败: ${err.message}`);
  }
})();

使用步骤 #

1. 打开你自己看剧集的标签页，确保视频/音频正在播放
2. 点击这个书签，会弹出设备选择框
3. 选择对应的电视投屏设备（如果设备没显示名称，就选序号对应的未知设备尝试）
4. 确认后，当前标签页的音频就会切换到你选的设备，你可以继续用Chromebook的扬声器观看其他内容

注意事项 #

• 第一次点击书签会弹出权限请求，必须允许Chrome访问你的音频设备
• 切换只对当前标签页生效，刷新页面后需要重新点击书签
• 如果托管Chromebook的管理员限制了媒体设备访问权限，这个方法可能失效，但大部分场景下都能正常使用

内容的提问来源于stack exchange，提问作者Mrface