蘑菇视频官网更新后后台播放别乱试：按这张流程逐项检查
近期官网更新后，用户反馈后台播放不稳定或直接被中断。别在生产环境随意改动配置，以免把问题扩大。按下面这套逐项检查流程来排查和修复，既省时间又能把风险降到最低。
一、先做准备工作（不要直接在线上狂改）
- 在测试环境复现问题：确认是否能在 staging 或本地复现相同行为。能复现再扩大排查。
- 备份当前发布版本并准备回滚方案：一键回滚可以在修复失败时快速恢复服务。
- 收集问题样本：用户设备型号、系统版本、浏览器/客户端版本、发生时间点、是否在 PWA 或原生容器中等。
二、逐项检查清单（按顺序执行） 1) 重现与记录
- 在多个环境/设备上复现（桌面 Chrome、移动 Chrome、Safari、Android WebView、iOS WebKit）。
- 打开开发者工具：Console、Network、Application（Service Worker、Cache）、Performance，记录关键日志和请求。
2) 播放器层面
- 查看播放器日志（hls.js、dash.js、video.js 等）：是否有解码、缓冲或非法响应错误。
- 检查播放策略：autoplay、muted、playsinline 设置是否合适。移动端常因 autoplay 限制导致播放被阻止。
- 确认是否启用了 Media Session API、visibilitychange 事件处理，是否在页面隐藏时误暂停播放。
3) 媒体资源与网络
- Network 面板过滤 media 请求，确认请求是否成功（200/206），是否有 Range 支持（Accept-Ranges）。
- HLS/DASH：查看 .m3u8/.mpd 是否可访问，chunk 请求是否返回 403/401，是否被 CDN 缓存策略挡住。
- CORS 与证书：检查跨域头（Access-Control-Allow-Origin），HTTPS 证书是否有效，是否存在中间证书链问题。
4) 鉴权与时效
- 如果使用带 token 的媒体 URL，确认 token 未过期；刷新 token 后播放是否恢复。
- 检查后端对短链接或签名 URL 的生效策略，是否因为更新变更了签名算法或参数名。
5) 服务工作线程与缓存（PWA 相关）
- 如果使用 Service Worker，查看缓存策略是否把直播或分段资源缓存错误，导致播放被拦截或返回 stale 内容。
- 更新 Service Worker 时是否正确处理 clients.claim() 和 skipWaiting()，避免老 SW 阻止新逻辑生效。
6) 移动端与系统策略
- iOS Safari：后台播放受系统策略限制，确认是否通过音频元素而非仅视频标签触发音频通道。
- Android：在 WebView 中，确认 setMediaPlaybackRequiresUserGesture(false)（或等效配置）是否被修改；原生 App 侧需检查音频焦点、Doze 策略或电池优化设置。
- PWA 安装后是否有不同表现：检查 manifest、display 模式以及 Service Worker 行为。
7) CDN 与缓存清理
- 如果更新涉及静态资源或播放策略，执行 CDN 缓存清理（或版本化资源）以避免旧文件被持续返回。
- 检查缓存控制头（Cache-Control、ETag）是否合理。
8) 日志与监控
- 在播放器中埋点关键事件（play, pause, ended, error, stalled）并上报到日志系统，便于回溯。
- 后端也记录媒体请求日志（用户 IP、请求路径、返回码、耗时）。
三、修复后验证步骤
- 在测试环境依次验证：不同网络环境（Wi‑Fi、4G）、不同机型、不同浏览器。
- 逐步灰度发布：小流量先行，确认指标稳定后再放大流量。
- 完成发布后继续监控 24–72 小时，重点关注播放失败率、用户停留时长。
四、预防与自动化
- 将关键播放场景加入自动化回归测试（可用 Puppeteer + Mobile emulation 或真机云测试）。
- 引入 Canary 发布和 Feature Flag，减少单次大更新带来的风险。
- 自动化监控告警：当播放失败率突增时自动告警并回滚到已知稳定版本。
五、常见快速修复（可优先尝试，但先在测试环境验证）
- 清理 CDN 缓存或版本化播放脚本/资源。
- 修复 CORS/证书问题。
- 刷新/更新 Service Worker 并保证新 SW 正确激活。
- 确认 token 签名或鉴权配置未被更改。