多屏投屏(主屏同步+全屏优化版)
检测到您使用 file:// 协议打开本地文件,权限限制严格!建议用 Live Server 插件以 http:// 协议打开(推荐),或按权限引导手动配置。
需要手动授予窗口管理权限(必做步骤)
- 复制链接:
chrome://settings/content/siteDetails?site=file://
- 粘贴到 Chrome 地址栏并访问(直接跳转权限设置)
- 找到「窗口管理」选项,设置为「允许」(默认可能为阻止)
- 关闭设置页,必须按 Ctrl+F5 强制刷新当前页面
- 刷新后重新点击「检测显示器」,并允许弹出的权限请求
📌 提示:此权限仅用于检测多显示器,不会收集任何隐私数据 | 点击链接可直接复制
⚠️ 重要:如果是 HTTP 服务器(如 localhost),请将链接中的 file:// 替换为您的服务器地址(如 http://localhost:5500)
操作步骤
- 准备工作:确保使用 Chrome 94+ 版本,已连接多个显示器
- 配置权限:按上方权限引导配置,刷新页面
- 检测显示器:点击「检测显示器」按钮,授权后查看所有可用屏幕
- 选择副屏:点击要投屏的屏幕卡片(标记「可投屏」)
- 选择质量:根据网络情况选择投屏质量(高清/标清/流畅)
- 开始投屏:点击「投屏到选中屏幕」,授权捕获主屏后自动全屏
- 互动控制:使用下方控制区发送消息、设置背景色
- 结束投屏:点击「断开投屏」或副屏的「关闭投屏」按钮(ESC退出全屏)
副屏连接不稳定,正在尝试重连...
副屏状态:未连接 | 投屏质量:标清 | 互动消息:无
未检测到显示器
请先配置权限并点击「检测显示器」按钮
🔍 确保:1. Chrome 版本 ≥94 | 2. 已连接多个显示器 | 3. 已授予窗口管理权限
主屏 → 副屏 互动控制
📌 提示:先选择副屏并点击「投屏到选中屏幕」,连接成功后即可使用以下控制功能