Chrome HTML5直播黑屏大概率是GPU渲染异常而非代码问题，关闭硬件加速可快速验证；若启动即黑屏需添加--disable-gpu --disable-software-rasterizer参数；清除GPUCache、检查chrome://gpu及media-internals状态是关键排查步骤。
Chrome 看 HTML5 直播黑屏，**大概率不是代码问题，而是浏览器渲染链路在 GPU 加速、缓存或解码策略上卡住了**。尤其全屏时黑屏但音频正常、控制栏可见，基本可锁定为图形后端异常。
关闭硬件加速是最快验证手段
Chrome v139+ 存在 ANGLE 图形栈适配缺陷，GPU 进程初始化失败会导致直播画面区域全黑，而页面其他部分（如弹幕、UI）仍可响应。这不是“性能不足”，而是指令执行被静默丢弃。
- 打开
chrome://settings/system，找到使用硬件加速模式（如果可用）开关 - 关闭它 → 点击底部
重新启动 - 重启后立即测试直播页面（无需清缓存）
若黑屏消失，说明问题出在 GPU 渲染路径；若仍黑屏，继续往下排查。
强制跳过 GPU 初始化（黑屏进不去设置时用）
有些情况 Chrome 启动即黑屏，连地址栏都看不到，此时无法通过设置页操作。必须从系统层绕过 GPU 进程启动。
立即学习“前端免费学习笔记（深入）”；
- 右键桌面 Chrome 快捷方式 →
属性→ 在目标文本框末尾（引号后）加一个空格，再粘贴：--disable-gpu --disable-software-rasterizer - 点击
应用→ 用该快捷方式启动 Chrome - 进入后访问
chrome://settings/system，关闭硬件加速开关 - 退出 Chrome，回到快捷方式属性中删掉刚才加的参数，再重启
⚠️ 注意：--disable-software-rasterizer 不是笔误，它会禁用 CPU 光栅化回退路径，配合 --disable-gpu 才能触发最底层的 Skia 软件渲染，对直播解码更稳定。
清除 GPUCache 和 ShaderCache 缓存
Chrome 在 %localappdata%\Google\Chrome\User Data\ShaderCache\GPUCache 下生成的着色器缓存，一旦与当前显卡驱动不匹配（比如刚升级过 NVIDIA 驱动），就会持续导致视频帧渲染失败——即使硬件加速已关，缓存仍在干扰解码器输出。
- 任务管理器中确认所有
chrome.exe进程已结束 - 按
Win + R，输入：%localappdata%\Google\Chrome\User Data\ShaderCache，回车 - 删除整个
GPUCache文件夹（不是里面的内容，是文件夹本身） - 重启电脑（关键：让系统重建干净缓存，仅重启 Chrome 不够）
这一步对“偶尔黑屏”“换网页又好了”类问题效果最明显，因为损坏缓存具有延迟性和随机性。
检查媒体解码器和跨域策略
HTML5 直播常依赖 MediaSource Extensions (MSE) 或 WebRTC，而 Chrome 对这两者的启用受 flags 和 Cookie 策略双重约束。
- 访问
chrome://media-internals，播放直播流，观察Active streams是否出现条目，decoder字段是否为GpuVideoDecoder或FFmpegVideoDecoder—— 若为空或显示Failed，说明解码链断裂 - 访问
chrome://flags/#autoplay-policy，将Autoplay policy设为No user gesture is required（避免因无用户交互触发静音/阻断） - 若直播源来自第三方平台（如 B站嵌入、网盘直链），需临时访问
chrome://flags/#same-site-by-default-cookies，设为Disabled（Chrome 80+ 默认 SameSite=Lax，会拦截带登录态的跨域视频请求）
真正棘手的是 MSE 流在 chrome://flags 中被意外关闭：比如搜 enable-experimental-web-platform-features 被关了，会导致 MediaSource 构造失败，控制台报 TypeError: Failed to construct 'MediaSource' —— 这种错误不会弹窗，只在 F12 控制台里安静躺着。
最易被忽略的点：**黑屏 ≠ 视频没加载，而是帧数据被 GPU 拒绝绘制**。所以别急着查 HTML 或 JS 逻辑，先看 chrome://gpu 里 Canvas 和 WebGL 是否标红，再动手删缓存或调 flags。
